.site-header{height:var(--header-height);background:var(--white);border-bottom:1px solid var(--border);z-index:30;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:16px;height:100%;margin:auto;padding:0 24px;display:flex}.logo-group{background:0 0;border:0;flex-shrink:0;align-items:center;gap:8px;padding:0;display:inline-flex}.logo{cursor:pointer;color:inherit;background:0 0;border:0;align-items:center;padding:0;font-family:inherit;transition:transform .2s,opacity .2s;display:inline-flex}.logo:hover{opacity:.85}.logo:active{transform:scale(.95)}.logo:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.logo-icon-btn{justify-content:center;width:32px;height:32px}.logo-icon{width:28px;height:28px;display:block}.logo-brand-btn{padding:4px 0}.logo-brand{color:var(--text);letter-spacing:-.3px;font-size:23px;font-weight:700;display:inline-block}.logo-brand-accent{color:var(--primary)}.header-nav{scrollbar-width:none;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-nav .nav-tab,.header-nav button{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2;transition:transform .2s,background .2s,color .2s;display:inline-flex;position:relative}.header-nav .nav-tab:hover{color:var(--primary);background:var(--primary-light)}.header-nav .nav-tab.active{color:var(--primary);background:var(--primary-light);font-weight:600}.header-nav .nav-tab:active{transform:scale(.95)}.header-nav .tab-label{line-height:1}.header-nav .tab-hot{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#ff6b6b 0%,#ff4757 100%);border-radius:4px;align-items:center;margin-left:2px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex}.header-mobile-nav{display:none}.header-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.visit-count{color:var(--text-tertiary);white-space:nowrap;font-size:13px}.login-btn{background:var(--primary);color:var(--white);cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:transform .2s,background .2s;display:inline-flex}.login-btn:hover{background:#0958d9}.login-btn:active{transform:scale(.95)}.login-btn.logged-in{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.login-btn-icon{filter:brightness(0)invert();width:18px;height:18px;display:block}.login-btn-text{white-space:nowrap;line-height:1}.header-avatar-btn{width:36px;height:36px;box-shadow:0 0 0 1px var(--border), 0 4px 12px #1677ff1f;cursor:pointer;background:#eef5ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s,background .2s;display:inline-flex;overflow:hidden}.header-avatar-btn:hover{background:var(--primary-light)}.header-avatar-btn:active{transform:scale(.95)}.header-avatar-img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=900px){.header-nav .nav-tab{padding:6px 10px;font-size:13px}}@media (width<=768px){.header-inner{padding:0 16px}.header-nav{display:none}.header-mobile-nav{padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--border);z-index:30;grid-template-columns:repeat(4,1fr);gap:0;min-height:60px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #141e320a}.header-mobile-nav .nav-tab{min-height:48px;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:11px;display:flex}.header-mobile-nav .tab-icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.header-mobile-nav .tab-icon img{width:24px;height:24px;display:block}.header-mobile-nav .tab-label{font-size:11px;line-height:1.2;display:block}.header-mobile-nav .nav-tab.active{color:var(--primary);background:var(--primary-light)}}@media (width<=767px){.site-header.site-header--home{border:0;height:0;min-height:0}.site-header--home .header-inner{display:none}}@media (width<=560px){.site-header.site-header--home{border:0;height:0;min-height:0}.site-header--home .header-inner{display:none}.site-header{height:var(--header-height-mobile);border-bottom:none}.header-inner{gap:8px;padding:0 14px}.logo b{font-size:20px}.logo-icon{width:24px;height:24px}.header-mobile-nav .nav-tab{min-height:48px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-family:inherit;font-size:11px;display:flex}.header-mobile-nav .tab-icon{justify-content:center;align-items:center;width:28px;height:28px;line-height:1;display:flex}.header-mobile-nav .tab-icon img{width:24px;height:24px;display:block}.header-mobile-nav .tab-label{font-size:11px;line-height:1.2;display:block}.header-mobile-nav .nav-tab.active{background:var(--primary-light);color:var(--primary)}.header-mobile-nav .nav-tab.active .tab-icon{transform:scale(1.05)}.header-actions{gap:8px}.user-menu-label,.visit-count{display:none}.user-menu-trigger{min-height:36px;padding:2px}.login-btn{min-height:32px;padding:6px 14px;font-size:13px}.login-btn-text{display:none}.login-btn-icon{width:20px;height:20px}.user-menu-dropdown{top:calc(var(--header-height-mobile) + env(safe-area-inset-top) + 4px);min-width:200px;max-width:calc(100vw - 24px);position:fixed;left:auto;right:12px}.page{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}}@media (width<=380px){.header-inner{padding:0 10px}.header-mobile-nav .nav-tab{min-height:46px}.header-mobile-nav .tab-icon{width:24px;height:24px}.header-mobile-nav .tab-icon img{width:20px;height:20px}.header-mobile-nav .tab-label{font-size:10px}.login-btn{padding:5px 10px;font-size:12px}}.site-footer{padding:0 24px calc(28px + env(safe-area-inset-bottom));color:#64748b;margin-top:32px}.site-footer-shell{background:linear-gradient(135deg,#fff 0%,#f6f9ff 62%,#eef7ff 100%);border:1px solid #dfe8f4;border-radius:28px;max-width:1320px;margin:0 auto;overflow:hidden;box-shadow:0 16px 44px #25569c14}.site-footer-main{grid-template-columns:minmax(320px,1.65fr) repeat(2,minmax(150px,.7fr));gap:56px;padding:44px 52px 38px;display:grid}.site-footer-brand-row{align-items:center;gap:14px;display:flex}.site-footer-mark{background:linear-gradient(135deg,#f4f8ff,#e9f2ff);border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 22px #1677ff3d}.site-footer-mark img{width:32px;height:32px;display:block}.site-footer-name{color:#17233d;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:800}.site-footer-slogan{color:#73809a;margin:2px 0 0;font-size:13px}.site-footer-intro{color:#68758d;max-width:470px;margin:18px 0 12px;font-size:14px;line-height:1.8}.site-footer-group{flex-direction:column;align-items:flex-start;gap:11px;padding-top:6px;display:flex}.site-footer-group h2{color:#1d2a44;margin:0 0 6px;font-size:14px;font-weight:700}.site-footer-group button{color:#6c7890;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:13px;transition:color .15s,transform .15s}.site-footer-group button:hover{color:#1677ff;transform:translate(3px)}.site-footer-bottom{white-space:nowrap;scrollbar-width:thin;background:#ffffff94;border-top:1px solid #e5edf7;justify-content:center;align-items:center;gap:10px;padding:17px 52px;font-size:12px;display:flex;overflow-x:auto}.site-footer-bottom a{color:inherit;text-decoration:none;transition:color .15s}.site-footer-bottom a:hover{color:#1677ff;text-decoration:underline}.site-footer-bottom a:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #1677ff}.site-footer-separator{color:#b8c2d1}@media (width<=760px){.site-footer{padding:0 16px calc(22px + env(safe-area-inset-bottom))}.site-footer-main{grid-template-columns:1fr 1fr;gap:30px 24px;padding:34px 28px}.site-footer-brand{grid-column:1/-1}.site-footer-bottom{justify-content:flex-start;padding:16px 28px}}@media (width<=767px){.site-footer{display:none}.site-footer-shell{border-radius:22px}.site-footer-main{padding:28px 22px}}@media (width<=380px){.site-footer-main{grid-template-columns:1fr}.site-footer-brand{grid-column:auto}}.hero{background:linear-gradient(135deg,#f0f7ff 0%,#f9fbff 50%,#f0f7ff 100%);border:1px solid #1677ff14;border-radius:20px;padding:clamp(24px,4vw,40px);position:relative;overflow:hidden;box-shadow:0 6px 24px #0f172a0d}.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,32px);min-height:280px;display:grid;position:relative}.hero-text{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.hero-tag{color:var(--primary);letter-spacing:.3px;background:#1677ff1a;border:1px solid #1677ff26;border-radius:999px;padding:6px 14px;font-size:12.5px;font-style:normal;font-weight:500;line-height:1.4;display:inline-block}.hero-title{color:var(--text);letter-spacing:-.3px;max-width:480px;margin:0;font-size:clamp(20px,3.4vw,30px);font-weight:700;line-height:1.3}.hero-subtitle{color:var(--text-secondary);margin:0;font-size:clamp(13px,1.6vw,15px);line-height:1.6}.hero-cta{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;min-height:44px;margin-top:4px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #1677ff47}.hero-cta:hover{background:#0958d9;box-shadow:0 6px 18px #1677ff5c}.hero-cta:active{transform:scale(.98)}.hero-cta-arrow{flex-shrink:0;width:16px;height:16px;display:block}.hero-features{flex-wrap:wrap;gap:12px 18px;margin:4px 0 0;padding:0;list-style:none;display:flex}.hero-features li{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;line-height:1.4;display:inline-flex}.hero-feature-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-illustration{justify-content:center;align-items:center;min-width:0;min-height:200px;display:flex;position:relative}.hero-illustration-svg{width:100%;max-width:460px;height:auto;display:block}@media (width<=900px){.hero-inner{grid-template-columns:1fr;min-height:0}.hero-illustration{order:2}.hero-text{order:1}.hero-illustration-svg{max-width:360px}}@media (width<=560px){.hero{border-radius:16px;padding:18px 16px}.hero-tag{padding:5px 12px;font-size:12px}.hero-title{font-size:19px}.hero-subtitle{font-size:13px}.hero-cta{min-height:42px;padding:10px 20px;font-size:14px}.hero-features{gap:8px 14px}.hero-features li{font-size:12px}.hero-illustration-svg{max-width:280px}}@media (width<=380px){.hero{border-radius:14px;padding:16px 14px}.hero-title{font-size:17px}.hero-tag{padding:4px 10px;font-size:11px}.hero-subtitle{font-size:12px}.hero-cta{padding:8px 18px;font-size:13px}.hero-illustration-svg{max-width:220px}}@media (prefers-reduced-motion:reduce){.hero-cta{transition:none!important}}.stats-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;min-width:0;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0f172a0a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.stat-icon svg{width:22px;height:22px;display:block}.stat-content{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.stat-value{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.stat-title{color:var(--text);margin-top:2px;font-size:13px;font-weight:500;line-height:1.4}.stat-subtitle{color:var(--text-tertiary);margin-top:1px;font-size:11.5px;line-height:1.4}@media (width<=900px){.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:12px}.stat-icon{border-radius:8px;width:36px;height:36px}.stat-icon svg{width:20px;height:20px}.stat-value{font-size:16px}.stat-title{font-size:12.5px}.stat-subtitle{font-size:11px}}@media (width<=380px){.stat-card{gap:8px;padding:10px}.stat-icon{width:32px;height:32px}.stat-value{font-size:14px}.stat-title{font-size:12px}.stat-subtitle{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.stat-card{transition:none!important}.stat-card:hover{transform:none}}.search-bar-wrap{width:100%;position:relative}.search-bar{background:var(--white);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;width:100%;padding:6px 6px 6px 18px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 4px 14px #0f172a0d}.search-bar:focus-within{border-color:#1677ff73;box-shadow:0 4px 18px #1677ff1f}.search-icon{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0;place-items:center;display:grid}.search-icon svg{width:100%;height:100%;display:block}.search-bar input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:12px 8px;font-family:inherit;font-size:14px;line-height:1.4}.search-bar input::placeholder{color:var(--text-tertiary)}.search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;padding:0;font-family:inherit;font-size:22px;line-height:1;transition:background .15s,color .15s;display:grid}.search-clear:hover{background:var(--bg);color:var(--text)}.search-submit{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;min-height:38px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,transform .2s}.search-submit:hover{background:#0958d9}.search-submit:active{transform:scale(.98)}.search-dropdown{z-index:50;background:var(--white);border:1px solid var(--border);overscroll-behavior:contain;border-radius:12px;max-height:70vh;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0f172a1f}.search-state{color:var(--text-secondary);align-items:center;gap:12px;min-height:80px;padding:18px 16px;font-size:13px;display:flex}.search-state--loading{color:var(--text-tertiary)}.search-state--error{color:#cf1322}.search-state--empty{color:var(--text-tertiary);text-align:left}.search-state-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.search-state-text{flex:1;min-width:0}.search-state-title{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:500}.search-state-sub{color:var(--text-tertiary);word-break:break-all;font-size:12px}.search-state-retry{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:6px;margin-top:8px;padding:4px 10px;font-family:inherit;font-size:12px}.search-state-retry:hover{background:#0958d9}.search-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite search-spin;display:inline-block}@keyframes search-spin{to{transform:rotate(360deg)}}.search-results{margin:0;padding:0;list-style:none}.search-result{cursor:pointer;border-radius:0;align-items:center;gap:12px;padding:10px 16px;transition:background .12s;display:flex}.search-result:hover,.search-result.is-active{background:var(--primary-light)}.search-result-icon{background:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.search-result-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-result-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.search-result-desc{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-result-cat{color:var(--text-tertiary);background:var(--bg);white-space:nowrap;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:11px}.search-hl{color:inherit;background:#faad1440;border-radius:2px;padding:0 2px;font-weight:600}.search-dropdown-footer{border-top:1px solid var(--border);margin-top:4px;padding:8px 16px}.search-view-all{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:4px;width:100%;padding:6px 0;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;display:flex}.search-view-all:hover{color:#0958d9}.search-view-all:after{content:"›";margin-left:auto;font-size:16px}@media (width<=560px){.search-bar{border-radius:10px;padding:4px 4px 4px 14px}.search-icon{width:18px;height:18px}.search-bar input{padding:10px 4px;font-size:13.5px}.search-submit{min-height:34px;padding:8px 16px;font-size:13px}.search-result{gap:10px;padding:8px 12px}.search-result-icon{width:28px;height:28px;font-size:12px}.search-result-name{font-size:13px}.search-result-desc{font-size:11px}.search-state{min-height:64px;padding:14px 12px}}@media (width<=380px){.search-bar{padding:4px 4px 4px 10px}.search-bar input{padding:8px 2px;font-size:13px}.search-submit{padding:7px 12px;font-size:12.5px}.search-result-cat{display:none}}@media (prefers-reduced-motion:reduce){.search-bar,.search-submit,.search-clear,.search-result,.search-view-all{transition:none!important}.search-spinner{animation:none}.search-submit:active{transform:none}}.cat-section{background:var(--white);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:16px 18px;display:flex;box-shadow:0 4px 16px #0f172a0a}.cat-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.cat-section-head-main{align-items:center;gap:10px;min-width:0;display:flex}.cat-section-icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.cat-section-text{flex-direction:column;gap:1px;min-width:0;display:flex}.cat-section-title{color:var(--text);margin:0;font-size:15px;font-weight:600;line-height:1.3}.cat-section-subtitle{color:var(--text-tertiary);margin:0;font-size:12px;line-height:1.4}.cat-section-viewall{color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex-shrink:0;padding:6px 8px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s}.cat-section-viewall:hover{background:var(--primary-light)}.cat-section-viewall span{line-height:1}.cat-section-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;width:100%;display:grid}.cat-section-tool{background:var(--white);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 8px;font-family:inherit;transition:transform .2s,box-shadow .2s,border-color .15s,background .15s;display:flex}.cat-section-tool:hover{border-color:#1677ff4d;transform:translateY(-2px);box-shadow:0 6px 14px #0f172a14}.cat-section-tool:active{transform:scale(.98)}.cat-section-tool-icon{background:var(--primary-light);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;place-items:center;font-size:15px;font-weight:600;display:grid}.cat-section-tool-info{flex-direction:column;gap:1px;width:100%;min-width:0;display:flex}.cat-section-tool-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;line-height:1.3;overflow:hidden}.cat-section-tool-desc{color:var(--text-tertiary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.cat-section-tool-usage{color:#fa8c16;margin-top:2px;font-size:10.5px;line-height:1.3}.cat-section-tool--more .cat-section-tool-icon{background:var(--bg);color:var(--text-tertiary)}.cat-section-tool-more{background:var(--bg);width:32px;height:32px;color:var(--text-tertiary);border-radius:8px;place-items:center;display:grid}.cat-section-tool-more svg{width:18px;height:18px;display:block}@media (width<=1100px){.cat-section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.cat-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.cat-section{border-radius:12px;padding:14px}.cat-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cat-section-tool{border-radius:10px;padding:10px 6px}.cat-section-tool-icon{width:28px;height:28px;font-size:14px}.cat-section-tool-name{font-size:12px}.cat-section-tool-desc{font-size:10px}}@media (width<=380px){.cat-section{padding:12px 10px}.cat-section-icon{width:28px;height:28px;font-size:14px}.cat-section-title{font-size:14px}.cat-section-subtitle{font-size:11px}.cat-section-viewall{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.cat-section-tool,.cat-section-viewall{transition:none!important}.cat-section-tool:hover{transform:none}}.feature-bar{background:var(--white);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;padding:16px 18px;display:grid;box-shadow:0 4px 16px #0f172a0a}.feature-item{align-items:center;gap:10px;min-width:0;display:flex}.feature-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.feature-icon svg{width:20px;height:20px;display:block}.feature-content{flex-direction:column;gap:1px;min-width:0;display:flex}.feature-title{color:var(--text);font-size:13.5px;font-weight:600;line-height:1.3}.feature-subtitle{color:var(--text-tertiary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width<=900px){.feature-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}}@media (width<=560px){.feature-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;padding:14px}.feature-icon{border-radius:8px;width:32px;height:32px}.feature-icon svg{width:18px;height:18px}.feature-title{font-size:12.5px}.feature-subtitle{font-size:11px}}@media (width<=380px){.feature-bar{padding:12px}.feature-item{gap:8px}}.category-quick-nav{width:100%;padding:8px 0;display:none}.category-quick-nav-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:4px 2px 8px;display:flex;overflow-x:auto}.category-quick-nav-scroll::-webkit-scrollbar{display:none}.category-quick-nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;transition:transform .15s;display:flex}.category-quick-nav-item:active{transform:scale(.92)}.category-quick-nav-icon{border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.category-quick-nav-label{color:var(--text-secondary,#475569);white-space:nowrap;font-size:12px;font-weight:500}@media (width>=769px){.mobile-home{display:none}}@media (width<=768px){.mobile-home{color:#111827;background:#fff;min-height:100vh;padding-bottom:78px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block}.mhd-header{background:#fff;border-bottom:1px solid #eef0f4;grid-template-columns:38px 1fr minmax(150px,42%);align-items:center;gap:10px;height:56px;padding:0 15px;display:grid}.mhd-menu,.mhd-brand{color:inherit;background:0 0;border:0;font-family:inherit}.mhd-menu{flex-direction:column;gap:5px;width:26px;padding:3px;display:flex}.mhd-menu span{background:#111827;border-radius:2px;width:19px;height:2px;display:block}.mhd-brand{letter-spacing:-.5px;justify-self:start;font-size:18px;font-weight:800}.mhd-search-icon{background:#f3f4f6;border:0;border-radius:9px;justify-self:end;place-items:center;width:36px;height:36px;padding:0;display:grid}.mhd-search-icon svg{fill:none;stroke:#9ca3af;stroke-width:1.8px;width:19px;height:19px}.mhd-categories{scrollbar-width:none;gap:9px;padding:0 16px 11px;display:flex;overflow-x:auto}.mhd-categories::-webkit-scrollbar{display:none}.mhd-categories button{color:#4b5563;background:#f3f4f6;border:0;border-radius:7px;flex:none;padding:7px 16px;font-size:13px}.mhd-categories button.active{color:#fff;background:#111827;font-weight:600}.mhd-hero{background:0 0;grid-template-columns:58% 42%;min-height:188px;display:grid;overflow:hidden}.mhd-hero-copy{z-index:1;background:linear-gradient(120deg,#f5f7ff 0%,#e9eeff 100%);padding:23px 0 22px 20px}.mhd-hero-art{background:0 0;align-self:stretch;width:100%;height:auto;min-height:188px;overflow:hidden}.mhd-pill{color:#fff;background:#4f46e5;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.mhd-hero h1{letter-spacing:-1px;margin:13px 0 7px;font-size:22px;line-height:1.25}.mhd-hero p{color:#6b7280;margin:0;font-size:11px;line-height:1.6}.mhd-hero-copy button{color:#fff;background:#111827;border:0;border-radius:6px;margin-top:15px;padding:8px 14px;font-size:12px;font-weight:600}.mhd-hero-copy button span{margin-left:6px}.mhd-hero-image{object-fit:cover;object-position:center;border-radius:0;width:100%;max-width:none;height:100%;min-height:188px;display:block}.mhd-hero-art{position:relative}.mhd-phone{background:#fff;border:4px solid #172033;border-radius:17px;width:83px;height:142px;padding:15px 7px 8px;position:absolute;top:23px;right:22px;transform:rotate(8deg);box-shadow:0 18px 30px #1e293b3b}.mhd-phone:before{content:"";background:#172033;border-radius:9px;width:22px;height:4px;position:absolute;top:5px;left:29px}.mhd-phone i{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:4px;height:20px;margin:8px 1px;display:block}.mhd-phone i:nth-child(2){background:linear-gradient(90deg,#38bdf8,#3b82f6)}.mhd-phone b{color:#4f46e5;background:#eef2ff;border-radius:4px;place-items:center;height:32px;font-size:13px;display:grid}.mhd-float{color:#fff;border-radius:8px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid;position:absolute;box-shadow:0 7px 16px #0f172a33}.mhd-float--one{background:#f97316;top:21px;right:6px}.mhd-float--two{background:#10b981;top:78px;left:0}.mhd-float--three{background:#8b5cf6;bottom:22px;right:2px}.mhd-block,.mhd-vip{padding:20px 16px 22px}.mhd-title-row{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.mhd-title-row h2{letter-spacing:-.4px;margin:0;font-size:17px}.mhd-title-row button{color:#6b7280;background:0 0;border:0;padding:0;font-size:12px}.mhd-title-row button span{margin-left:4px}.mhd-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px;display:grid}.mhd-tool{color:#1f2937;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0 2px;display:flex}.mhd-tool-icon{color:#fff;border-radius:13px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 5px 12px #1e293b24}.mhd-tool-icon img{object-fit:contain;width:30px;height:30px}.mhd-tool-icon>img:first-child:last-child{object-fit:cover;width:100%;height:100%}.mhd-tool strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:500;overflow:hidden}.mhd-empty{text-align:center;color:#9ca3af;grid-column:1/-1;margin:5px 0;font-size:12px}.mhd-vip{background:#fff8e9}.mhd-vip .mhd-title-row button{color:#d97706}.mhd-vip-icon{color:#9a6500;box-shadow:none;background:linear-gradient(135deg,#fee7ae,#f5c451)}.mhd-recent{border-top:8px solid #f7f7f8}.mhd-recent-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mhd-recent-list button{color:#1f2937;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0 2px;display:flex}.mhd-recent-list button>span{color:#4f46e5;background:#eef2ff;border-radius:13px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.mhd-recent-list img{object-fit:contain;width:30px;height:30px}.mhd-recent-list strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:500;overflow:hidden}.mhd-recent-list i{display:none}.mhd-promo{color:#fff;background:linear-gradient(120deg,#7c3aed,#4f46e5 62%,#2563eb);border-radius:12px;justify-content:space-between;align-items:center;margin:0 16px 22px;padding:18px;display:flex;box-shadow:0 10px 24px #4f46e538}.mhd-promo span{background:#f59e0b;border-radius:99px;padding:2px 7px;font-size:9px;display:inline-block}.mhd-promo h2{margin:7px 0 3px;font-size:14px}.mhd-promo p{color:#ddd6fe;margin:0;font-size:10px}.mhd-promo button{color:#4f46e5;background:#fff;border:0;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:700}.mhd-support{border-top:8px solid #f7f7f8;padding:20px 18px 24px}.mhd-support h2{text-align:center;margin:0 0 20px;font-size:17px}.mhd-support>div{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:19px;display:grid}.mhd-support article{align-items:center;gap:10px;display:flex}.mhd-support article>b{color:#4f46e5;background:#eef2ff;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;font-size:15px;display:grid}.mhd-support article span{flex-direction:column;gap:3px;display:flex}.mhd-support article strong{font-size:12px}.mhd-support article small{color:#9ca3af;font-size:9px}.mhd-footer{text-align:center;color:#9ca3af;background:#101827;padding:25px 16px 28px}.mhd-footer>strong{color:#fff;font-size:17px}.mhd-footer p{margin:6px 0 15px;font-size:10px}.mhd-footer nav{justify-content:center;gap:24px;margin-bottom:17px;display:flex}.mhd-footer button{color:#d1d5db;background:0 0;border:0;padding:0;font-size:10px}.mhd-footer small{border-top:1px solid #273244;padding-top:15px;font-size:9px;display:block}}.home-page{max-width:var(--max-width);padding:16px 16px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 20px);flex-direction:column;gap:16px;width:100%;margin:0 auto;animation:.2s fadeIn;display:flex}@media (width<=768px){.home-page{padding:12px 12px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);gap:14px}}@media (width<=767px){.home-page{padding:10px 10px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);gap:12px;display:none}}@media (width<=380px){.home-page{padding:8px 8px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);gap:10px}}@media (prefers-reduced-motion:reduce){.home-page{transition:none!important;animation:none!important}}.oneclick-format-tool{--format-ink:#172033;--format-muted:#6b7688;--format-line:#e8ebf1;--format-soft:#f6f8fb;background:#fbfcfe;border-color:#e4e8ef;padding:0;position:relative;overflow:hidden}.format-intro{color:#fff;background:radial-gradient(circle at 86% 20%,#8396ff40,#0000 30%),linear-gradient(130deg,#17213a,#253156 62%,#29375f);justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 28px 22px;display:flex}.format-eyebrow{color:#aebdf3;letter-spacing:.22em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.format-intro h2{letter-spacing:-.02em;margin:0 0 7px;font-size:25px}.format-intro p{color:#bbc5da;margin:0;font-size:13px}.format-local-badge{color:#d8dff0;background:#ffffff12;border:1px solid #ffffff24;border-radius:20px;flex:none;margin-top:4px;padding:7px 11px;font-size:12px}.format-local-badge span{background:#5de3a7;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #5de3a721}.platform-switcher{border-bottom:1px solid var(--format-line);background:#fff;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 24px;display:grid}.platform-switcher>button{min-width:0;color:var(--format-ink);text-align:left;background:#fff;border:1px solid #e7eaf0;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.platform-switcher>button:hover{filter:none;border-color:#bbc7de}.platform-switcher>button.active{background:#f5f6ff;border-color:#6877d8;box-shadow:inset 0 0 0 1px #6877d8}.platform-icon{color:#465474;background:#eef1f7;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.platform-switcher button.active .platform-icon{color:#fff;background:#6371d3}.platform-switcher button>span:nth-child(2){gap:3px;min-width:0;display:grid}.platform-switcher strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.platform-switcher small{color:#8992a2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.platform-switcher button>b{color:#6976d3;font-size:9px;font-weight:700;position:absolute;top:6px;right:7px}.template-library{border-bottom:1px solid var(--format-line);background:#fff;padding:0 24px}.template-library__heading{width:100%;color:var(--format-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:15px 0 12px;display:flex}.template-library__heading:hover{filter:none}.template-library__heading>span:first-child{align-items:baseline;gap:9px;display:flex}.template-library__heading b{font-size:14px}.template-library__heading small,.template-library__heading>span:last-child{color:#8a94a5;font-size:11px}.template-list{grid-template-columns:repeat(7,minmax(112px,1fr));gap:8px;padding-bottom:16px;display:grid}.template-list button{min-width:0;color:var(--format-ink);text-align:left;background:#fff;border:1px solid #e8ebf0;border-radius:10px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px;display:grid;position:relative}.template-list button:hover{border-color:var(--template-accent);filter:none}.template-list button.active{border-color:var(--template-accent);background:var(--template-soft)}.template-swatch{background:var(--template-soft);width:30px;height:30px;color:var(--template-accent);border-radius:8px;place-items:center;font-size:12px;font-weight:800;display:grid}.template-list button>span:nth-child(2){min-width:0;display:grid}.template-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.template-list small{color:#8d95a3;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.template-list i{background:var(--template-accent);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-5px;right:-4px}.format-workspace{grid-template-columns:minmax(0,.96fr) minmax(430px,1.04fr);display:grid}.editor-panel,.preview-panel{min-width:0;padding:23px 24px 25px}.editor-panel{border-right:1px solid var(--format-line);background:#fff}.preview-panel{background:#f6f7fa}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-heading>div:first-child{align-items:center;gap:9px;display:flex}.panel-heading>div:first-child>span:last-child{gap:2px;display:grid}.panel-heading strong{color:var(--format-ink);font-size:14px}.panel-heading small{color:#939baa;font-size:10px}.step-number{color:#6471cf;background:#eef0fb;border-radius:8px;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.editor-actions{gap:4px;display:flex}.editor-actions button{color:#758095;background:0 0;padding:6px 7px;font-size:10px}.editor-actions .danger-text{color:#c45b5b}.format-editor{resize:vertical;color:#293244;width:100%;height:410px;font-family:var(--font-sans);background:#fbfcfe;border:1px solid #e3e7ee;border-radius:12px;padding:19px;font-size:14px;line-height:1.8;display:block}.format-editor::placeholder{color:#a8afbc}.format-options{background:#fff;border:1px solid #eaedf2;border-radius:12px;gap:10px;margin-top:14px;padding:14px;display:grid}.options-title{border-bottom:1px solid #eff1f4;gap:3px;padding-bottom:8px;display:grid}.options-title strong{color:#354056;font-size:11px}.options-title>span{color:#99a0ad;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.format-options label{color:#647086;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.segmented{background:#f0f2f6;border-radius:8px;padding:2px;display:flex}.segmented button{color:#818a99;background:0 0;border-radius:6px;padding:5px 9px;font-size:10px}.segmented button.active{color:#4e5db9;background:#fff;box-shadow:0 1px 4px #232d501f}.automatic-rule{align-items:center;gap:10px;display:flex}.automatic-rule>span{color:#5866c0;background:#eef0fb;border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.automatic-rule p{gap:2px;margin:0;display:grid}.automatic-rule b{color:#39445a;font-size:11px}.automatic-rule small{color:#8b94a3;font-size:9px}.adapt-actions{grid-template-columns:1fr auto;gap:8px;margin-top:14px;display:grid}.adapt-actions button{color:#697389;background:#fff;border:1px solid #e1e5ec;font-size:12px}.adapt-actions button:disabled{cursor:not-allowed;opacity:.45}.adapt-actions .adapt-primary{color:#fff;background:linear-gradient(135deg,#5362c7,#7180dd);border:0;padding:12px 18px;font-weight:700;box-shadow:0 7px 16px #5362c733}.adapt-primary span{color:#dfe3ff}.preview-live{color:#788297;font-size:10px}.preview-live i{background:#39bd81;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block;box-shadow:0 0 0 3px #39bd811f}.phone-stage{background:radial-gradient(circle at top,#fff 0,#edf0f5 75%);border:1px solid #e3e6ec;border-radius:14px;place-items:start center;height:624px;padding:18px 14px;display:grid;overflow:auto}.phone-frame{background:#fff;border:6px solid #20242d;border-radius:30px;width:354px;min-height:585px;overflow:hidden;box-shadow:0 18px 42px #1c24382e}.phone-status{color:#1c2028;justify-content:space-between;align-items:center;height:25px;padding:0 17px;font-size:8px;font-weight:700;display:flex}.phone-status b{background:#20242d;border-radius:0 0 11px 11px;width:55px;height:15px;margin-top:-10px}.phone-platform-bar{color:#414958;border-bottom:1px solid #f0f1f3;grid-template-columns:24px 1fr 24px;align-items:center;height:39px;padding:0 14px;display:grid}.phone-platform-bar>span{color:#5361b4;background:#eef0f6;border-radius:6px;place-items:center;width:21px;height:21px;font-size:8px;font-weight:800;display:grid}.phone-platform-bar strong{text-align:center;font-size:10px}.phone-platform-bar i{color:#9298a4;text-align:right;letter-spacing:1px;font-size:9px;font-style:normal}.phone-content{background:#fff;min-height:515px;padding:24px 22px 36px}.phone-content .oneclick-output{width:100%}.phone-content .oneclick-output>:first-child{margin-top:0!important}.phone-content .oneclick-output>:last-child{margin-bottom:0!important}.phone-content img{max-width:100%}.phone-content mark{-webkit-box-decoration-break:clone;box-decoration-break:clone}.platform-stage-douyin .phone-content{background:#f1f2f4;padding:16px 14px 28px}.platform-stage-douyin .of-slide{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;min-height:185px;display:flex;box-shadow:0 4px 14px #1c222e0f;margin:0 0 12px!important;padding:24px 18px!important}.platform-stage-douyin figure.of-slide{min-height:auto;padding:8px!important}.platform-stage-douyin .of-slide li{list-style-position:inside}.format-health{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.format-health span{color:#929aa8;text-align:center;background:#fff;border:1px solid #e5e8ee;border-radius:8px;padding:7px 3px;font-size:9px}.format-health i{color:#9ea5b1;background:#f2f3f6;border-radius:50%;place-items:center;width:13px;height:13px;margin-right:2px;font-size:8px;font-style:normal;display:inline-grid}.format-health span.pass{color:#4f7564}.format-health span.pass i{color:#39a471;background:#e8f7ef}.output-actions{grid-template-columns:1fr auto;gap:8px;margin-top:12px;display:grid}.output-actions button{color:#5f6b81;background:#fff;border:1px solid #dfe3eb;padding:11px 16px;font-size:11px}.output-actions .copy-output{color:#fff;background:#202942;border:0;font-weight:700}.output-tip{color:#9aa1ad;text-align:center;margin:9px 0 0;font-size:9px;line-height:1.5}.format-toast{z-index:100;color:#fff;background:#1f2940;border-radius:24px;max-width:calc(100vw - 30px);padding:10px 18px;font-size:12px;animation:.2s formatToastIn;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #10192d40}@keyframes formatToastIn{0%{opacity:0;transform:translate(-50%,-8px)}}@media (width<=1080px){.platform-switcher{grid-template-columns:repeat(2,1fr)}.template-list{grid-template-columns:repeat(4,1fr)}.format-workspace{grid-template-columns:1fr}.editor-panel{border-right:0;border-bottom:1px solid var(--format-line)}}@media (width<=640px){.format-intro{padding:22px 18px}.format-intro h2{font-size:21px}.format-intro p{line-height:1.6}.format-local-badge{display:none}.platform-switcher{grid-template-columns:1fr 1fr;padding:13px}.platform-switcher>button{padding:9px}.platform-switcher small{display:none}.platform-switcher strong{font-size:11px}.platform-icon{width:30px;height:30px}.template-library{padding:0 14px}.template-list{grid-template-columns:repeat(2,1fr)}.editor-panel,.preview-panel{padding:18px 14px}.panel-heading{align-items:flex-start}.editor-actions{flex-wrap:wrap;justify-content:flex-end}.format-editor{height:340px}.options-title>span{white-space:normal;line-height:1.5}.format-options label{flex-direction:column;align-items:flex-start;gap:7px}.segmented{width:100%}.segmented button{flex:1}.adapt-actions,.output-actions{grid-template-columns:1fr}.phone-stage{height:590px;padding:12px 5px}.phone-frame{width:min(354px,100%)}.format-health{grid-template-columns:repeat(2,1fr)}}.tooltip-wrapper{vertical-align:middle;display:inline-flex;position:relative}.tooltip-box{color:#fff;white-space:nowrap;z-index:20;pointer-events:none;background:#1e293b;border-radius:6px;padding:6px 10px;font-size:12px;animation:.15s tooltipFadeIn;position:absolute;left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 8px)}.tooltip-top{bottom:calc(100% + 8px)}.tooltip-box:before{content:"";border:5px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.tooltip-bottom:before{border-bottom-color:#1e293b;top:-10px}.tooltip-top:before{border-top-color:#1e293b;bottom:-10px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.md-toolbar{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:10px 12px;display:flex}.toolbar-btn{background:var(--white);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-size:14px;display:inline-flex}.toolbar-btn:hover{border-color:var(--primary);color:var(--primary)}.toolbar-btn input[type=file]{display:none}.toolbar-dropdown{position:relative}.toolbar-dropdown__toggle{align-items:center;gap:3px;display:inline-flex}.toolbar-dropdown__arrow{color:var(--text-tertiary);font-size:10px}.toolbar-dropdown__menu{background:var(--white);border:1px solid var(--border);min-width:120px;box-shadow:var(--shadow);z-index:30;border-radius:8px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.toolbar-dropdown__item{text-align:left;background:var(--white);border-bottom:1px solid var(--border);width:100%;color:var(--text);white-space:nowrap;border-radius:0;padding:9px 14px;display:block}.toolbar-dropdown__item:last-child{border-bottom:0}.toolbar-dropdown__item:hover{background:var(--primary-light);color:var(--primary)}.toolbar-divider{background:var(--border);width:1px;height:22px;margin:0 4px}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.md-toolbar{gap:4px;padding:8px}.toolbar-divider{display:none}}.md-css-panel{margin-bottom:12px}.md-css-panel textarea{width:100%;height:100px;font-family:var(--font-mono);font-size:13px}.markdown-tool .tool-panes{margin-bottom:24px}.markdown-tool .tool-panes textarea{font-size:15px;line-height:1.8;font-family:var(--font-mono);min-height:480px;max-height:calc(100vh - 320px);padding:22px 22px 60px;overflow-y:auto}.markdown-tool .tool-panes .tool-preview{min-height:480px;max-height:calc(100vh - 320px);padding:22px;line-height:1.8;overflow-y:auto}.markdown-tool .tool-preview img,.markdown-tool .tool-preview video{max-width:100%;height:auto;margin:0 auto;display:block}.md-stats-bar{background:var(--primary-light);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;padding:12px 16px;font-size:14px;display:flex}.md-stats-bar span{color:var(--text-secondary)}.md-stats-bar button{margin-left:auto}.md-dialog-overlay{z-index:50;background:#10182888;place-items:center;display:grid;position:fixed;inset:0}.md-dialog{background:var(--white);width:min(420px,90vw);box-shadow:var(--shadow);border-radius:16px;padding:24px}.md-dialog h4{margin:0 0 16px}.md-dialog input{width:100%;margin-bottom:12px}.md-dialog-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.md-copy-toast{color:#fff;z-index:100;text-align:center;background:#1e293b;border-radius:12px;max-width:90vw;padding:14px 28px;font-size:14px;animation:.3s toastIn;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.md-publish-dialog{width:min(480px,90vw)}.md-publish-desc{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.6}.md-publish-dialog form input{width:100%;margin-bottom:12px}.toolbar-dropdown__label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:12px;overflow:hidden}.toolbar-dropdown__item.active{background:var(--primary-light);color:var(--primary);font-weight:500}.markdown-tool .tool-preview{color:var(--text)}.markdown-tool .tool-preview h1{color:#1a1a1a;margin-top:1.4em;margin-bottom:.6em;font-size:2em;font-weight:700}.markdown-tool .tool-preview h2{color:#2a2a2a;margin-top:1.3em;margin-bottom:.5em;font-size:1.5em;font-weight:700}.markdown-tool .tool-preview h3{color:#3a3a3a;margin-top:1.2em;margin-bottom:.5em;font-size:1.25em;font-weight:600}.markdown-tool .tool-preview h4{color:#4a4a4a;margin-top:1.1em;margin-bottom:.4em;font-size:1.1em;font-weight:600}.markdown-tool .tool-preview h5{color:#5a5a5a;margin-top:1em;margin-bottom:.4em;font-size:1em;font-weight:600}.markdown-tool .tool-preview h6{color:#6a6a6a;margin-top:1em;margin-bottom:.4em;font-size:.9em;font-weight:600}.markdown-tool .tool-preview p{margin:.8em 0;line-height:1.8}.markdown-tool .tool-preview ul,.markdown-tool .tool-preview ol{padding-left:1.6em}.markdown-tool .tool-preview blockquote{border-left:4px solid var(--primary);background:var(--bg);color:var(--text-secondary);margin:1em 0;padding:.5em 1em}.markdown-tool .tool-preview code{background:var(--bg);font-family:var(--font-mono);border-radius:4px;padding:2px 6px}.markdown-tool .tool-preview pre{color:#d4d4d4;background:#1e1e1e;border-radius:12px;padding:16px;overflow:auto}.markdown-tool .tool-preview pre code{background:0 0;padding:0}.markdown-tool .tool-preview table{border-collapse:collapse;width:100%;margin:1em 0}.markdown-tool .tool-preview th,.markdown-tool .tool-preview td{border:1px solid var(--border);padding:8px 12px}.markdown-tool .tool-preview th{background:var(--bg)}.md-theme-dark .tool-preview{color:#e0e0e0;background:#1a1a1a}.md-theme-dark .tool-preview blockquote{background:#2a2a2a;border-left-color:#4dabf7}.md-theme-dark .tool-preview code{background:#2a2a2a}.md-theme-dark .tool-preview pre{background:#121212}.md-theme-dark .tool-preview th{background:#2a2a2a}.md-theme-eye .tool-preview{color:#3d4a2c;background:#f4f8e8}.md-theme-eye .tool-preview blockquote{background:#e8eed3;border-left-color:#8da351}.md-theme-eye .tool-preview code{background:#e8eed3}.md-theme-elegant .tool-preview{color:#4a403a;background:#faf8f5;font-family:Songti SC,SimSun,serif}.md-theme-elegant .tool-preview h1,.md-theme-elegant .tool-preview h2{border-bottom:1px solid #e0d8cf;padding-bottom:.3em}.md-theme-modern .tool-preview{color:#1a1a1a;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.md-theme-modern .tool-preview h1,.md-theme-modern .tool-preview h2,.md-theme-modern .tool-preview h3{letter-spacing:-.02em;font-weight:600}.md-theme-modern .tool-preview blockquote{background:#f8f9fa;border-left-color:#06f;border-radius:4px}.md-theme-modern .tool-preview code{color:#d63384;background:#f1f3f5}.md-theme-modern .tool-preview pre{background:#2d2d2d;border-radius:8px}.md-heading-gradient .tool-preview h1,.md-heading-gradient .tool-preview h2,.md-heading-gradient .tool-preview h3{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:8px;display:inline-block;position:relative}.md-heading-gradient .tool-preview h1:after,.md-heading-gradient .tool-preview h2:after,.md-heading-gradient .tool-preview h3:after{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:100%;height:3px;position:absolute;bottom:0;left:0}.md-heading-border .tool-preview h1,.md-heading-border .tool-preview h2,.md-heading-border .tool-preview h3{border-left:4px solid #667eea;margin-left:0;padding-left:16px}.color-picker-menu{min-width:200px;padding:12px}.color-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.color-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:8px;width:100%;transition:all .2s}.color-swatch:hover{border-color:var(--primary);transform:scale(1.1)}.custom-color-section{border-top:1px solid var(--border);padding-top:12px}.custom-color-label{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.color-input{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:40px;height:32px}.apply-custom-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s}.apply-custom-btn:hover{background:var(--primary-dark)}.custom-color-row{align-items:center;gap:10px;margin-top:8px;display:flex}:is(.markdown-tool .tool-preview pre:has(>code.language-mac),.markdown-tool .tool-preview pre:has(>code[class*=language-mac])){border-radius:10px;padding-top:36px;position:relative;overflow:hidden}.markdown-tool .tool-preview pre:has(>code.language-mac):before{content:"";background:#e8e8e8;height:28px;position:absolute;top:0;left:0;right:0}.markdown-tool .tool-preview pre:has(>code[class*=language-mac]):before{content:"";background:#e8e8e8;height:28px;position:absolute;top:0;left:0;right:0}.markdown-tool .tool-preview pre:has(>code.language-mac):after{content:"";background:#ff5f57;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:14px;box-shadow:18px 0 #ffbd2e,36px 0 #28c840}.markdown-tool .tool-preview pre:has(>code[class*=language-mac]):after{content:"";background:#ff5f57;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:14px;box-shadow:18px 0 #ffbd2e,36px 0 #28c840}.stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.stats-grid>div{background:var(--primary-light);text-align:center;border-radius:12px;padding:16px}.stats-grid b{color:var(--primary);font-size:28px;display:block}.stats-grid span{color:var(--text-secondary);font-size:13px}.wordcount-tool textarea{width:100%;height:300px}@media (width<=900px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.base64-tool{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:0;margin-bottom:16px;padding:20px;display:flex}.base64-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.base64-action{background:var(--white);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .2s;display:inline-flex}.base64-action:hover:not(:disabled){background:var(--primary-light);color:var(--primary);border-color:#1677ff4d}.base64-action:active:not(:disabled){transform:scale(.97)}.base64-action:disabled{opacity:.5;cursor:not-allowed}.base64-action.is-active{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 2px 8px #1677ff33}.base64-action.is-active:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white)}.base64-action svg{flex-shrink:0;width:16px;height:16px;display:block}.base64-pane{border:1px solid var(--border);background:var(--white);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.base64-pane__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.base64-pane__label{color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.base64-pane__count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:13px;line-height:1.3}.base64-pane__head-right{align-items:center;gap:10px;display:inline-flex}.base64-pane__textarea{resize:vertical;width:100%;min-height:180px;font-size:14px;font-family:var(--font-mono);color:var(--text);word-break:break-all;white-space:pre-wrap;background:0 0;border:0;outline:0;padding:0;line-height:1.7}.base64-pane__textarea::placeholder{color:var(--text-tertiary)}.base64-result{min-height:180px;font-family:var(--font-mono);color:var(--text);white-space:pre-wrap;word-break:break-all;background:#fafbfc;border-radius:10px;margin:0;padding:14px 16px;font-size:14px;line-height:1.7;overflow-x:auto}.base64-result__placeholder{color:var(--text-tertiary);font-style:italic}.base64-error{color:var(--danger);background:#fff2f0;border:1px solid #ffccc7;border-radius:10px;align-items:center;min-height:180px;padding:14px 16px;font-size:14px;line-height:1.6;display:flex}.base64-copy-inline{color:var(--primary);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;min-height:28px;padding:5px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,transform .2s;display:inline-flex}.base64-copy-inline:hover:not(:disabled){background:var(--primary-light)}.base64-copy-inline:active:not(:disabled){transform:scale(.97)}.base64-copy-inline:disabled{opacity:.5;cursor:not-allowed}.base64-copy-inline svg{flex-shrink:0;width:14px;height:14px;display:block}.base64-divider{align-items:center;gap:12px;margin:16px 0;padding:0 4px;display:flex}.base64-divider__line{background:var(--border);flex:1;height:1px}.base64-divider__icon{background:var(--white);border:1px solid var(--border);width:36px;height:36px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;box-shadow:0 2px 6px #0f172a0d}.base64-divider__icon svg{width:18px;height:18px;display:block}@media (width<=900px){.base64-tool{padding:16px}.base64-action{padding:8px 14px;font-size:13px}.base64-pane__textarea,.base64-result{min-height:160px}}@media (width<=560px){.base64-tool{padding:14px}.base64-actions{gap:8px}.base64-action{border-radius:8px;min-height:34px;padding:7px 12px;font-size:12px}.base64-action svg{width:14px;height:14px}.base64-pane{border-radius:12px;padding:12px 14px}.base64-pane__label{font-size:13px}.base64-pane__count{font-size:12px}.base64-pane__textarea,.base64-result{min-height:140px;font-size:13px}.base64-result{padding:12px 14px}.base64-copy-inline{min-height:26px;padding:4px 8px;font-size:12px}.base64-divider{margin:12px 0}.base64-divider__icon{width:32px;height:32px}.base64-divider__icon svg{width:16px;height:16px}}@media (width<=380px){.base64-tool{padding:12px}.base64-actions{gap:6px}.base64-action{gap:4px;min-height:32px;padding:6px 10px;font-size:12px}.base64-pane{border-radius:10px;padding:10px 12px}.base64-pane__label{font-size:12px}.base64-pane__count{font-size:11px}.base64-pane__textarea,.base64-result{min-height:120px;font-size:12px}.base64-pane__head-right{gap:6px}.base64-copy-inline{padding:3px 6px;font-size:11px}.base64-copy-inline svg{width:12px;height:12px}}@media (prefers-reduced-motion:reduce){.base64-tool,.base64-action,.base64-copy-inline{transition:none!important}}.timestamp-tool .card{background:var(--bg);border-radius:12px;margin-bottom:12px;padding:16px}.timestamp-tool h4{margin:0 0 12px}.timestamp-tool .row,.timestamp-tool .form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.timestamp-tool input,.timestamp-tool select{padding:10px 14px}@media (width<=560px){.timestamp-tool .row,.timestamp-tool .form-row{flex-direction:column;align-items:flex-start}}.qrcode-row{grid-template-columns:1fr auto;gap:20px;display:grid}.qrcode-row textarea{min-height:220px}.qrcode-result{text-align:center}.qrcode-result img{border:1px solid var(--border);border-radius:12px;max-width:100%}.size-control{margin-top:12px}.size-control label{color:var(--text-secondary);margin-bottom:6px;display:block}.qr-mode-tabs{gap:8px;margin-bottom:18px;display:flex}.qr-mode-tabs button{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary)}.qr-mode-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.qr-scan{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:320px;display:flex}.qr-upload{border:2px dashed var(--border);color:var(--primary);cursor:pointer;border-radius:12px;padding:14px 24px}.qr-upload input{display:none}.qr-result{background:var(--bg);text-align:left;border-radius:12px;width:100%;padding:18px}.qr-result h3{margin-top:0}.qr-result p{word-break:break-all}.qr-result a{margin-left:12px}.qr-status{color:var(--text-secondary);background:#fff;border-radius:8px;margin:12px 0;padding:10px}.qr-error{color:var(--danger)}@media (width<=900px){.qrcode-row{grid-template-columns:1fr}}.icv-tool{--icv-primary:#1677ff;--icv-primary-light:#eaf3ff;--icv-success:#52c41a;--icv-success-dark:#389e0d;--icv-text:#1f1f1f;--icv-text-secondary:#4a5568;--icv-text-tertiary:#86909c;--icv-border:#e5e7eb;--icv-bg-soft:#f7f8fa;--icv-white:#fff;flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto;display:flex}.icv-card{background:var(--icv-white);border:1px solid var(--icv-border);border-radius:14px;width:100%;padding:18px;box-shadow:0 4px 16px #0f172a0a}.icv-upload-card{background:linear-gradient(#f0f6ff 0%,#e6efff 100%);border-color:#1677ff1f;padding:24px 20px;box-shadow:0 6px 20px #1677ff0f}.icv-dropzone{cursor:pointer;width:100%;min-height:200px;color:var(--icv-text);background:0 0;border:1.5px dashed #1677ff66;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 16px;font-family:inherit;transition:border-color .2s,background .2s,transform .2s;display:flex}.icv-dropzone:hover,.icv-dropzone.is-dragging{border-color:var(--icv-primary);background:#1677ff0a}.icv-dropzone.is-dragging{transform:scale(.99)}.icv-dropzone-icon{place-items:center;width:56px;height:56px;margin-bottom:2px;display:grid}.icv-dropzone-icon svg{width:100%;height:100%;display:block}.icv-dropzone strong{color:var(--icv-text);font-size:14px;font-weight:600;line-height:1.4}.icv-dropzone>span:last-child{color:var(--icv-text-tertiary);font-size:12px;line-height:1.4}.icv-file-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.icv-file-icon{place-items:center;width:64px;height:64px;display:grid}.icv-file-icon svg{width:100%;height:100%;display:block}.icv-file-info{flex-direction:column;align-items:center;gap:2px;display:flex}.icv-file-name{color:var(--icv-text);word-break:break-all;max-width:100%;font-size:14px;font-weight:600;line-height:1.3}.icv-file-size{color:var(--icv-text-tertiary);font-size:12px;line-height:1.3}.icv-file-tag{color:var(--icv-primary);background:#1677ff14;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:500;line-height:1.4;display:inline-block}.icv-reselect-btn{background:var(--icv-primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:9px 28px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,transform .2s;display:inline-flex}.icv-reselect-btn:hover{background:#0958d9}.icv-reselect-btn:active{transform:scale(.98)}.icv-settings-card{padding:16px 20px}.icv-settings-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.icv-settings-label{color:var(--icv-text);flex-shrink:0;font-size:13px;font-weight:500;line-height:1.4}.icv-select-wrap{flex:1;min-width:140px;max-width:220px;position:relative}.icv-format-select{border:1px solid var(--icv-border);background:var(--icv-white);width:100%;color:var(--icv-text);cursor:pointer;appearance:none;border-radius:10px;outline:none;padding:9px 36px 9px 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.icv-format-select:focus{border-color:var(--icv-primary);box-shadow:0 0 0 3px #1677ff1f}.icv-select-caret{width:16px;height:16px;color:var(--icv-text-tertiary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.icv-select-caret svg{width:100%;height:100%;display:block}.icv-action-bar{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.icv-btn{cursor:pointer;white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,transform .2s,opacity .15s,box-shadow .2s;display:inline-flex}.icv-btn:disabled{opacity:.55;cursor:not-allowed}.icv-btn-icon{flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.icv-btn-icon svg{width:100%;height:100%;display:block}.icv-btn-primary{background:var(--icv-primary);color:#fff;box-shadow:0 4px 12px #1677ff38}.icv-btn-primary:hover:not(:disabled){background:#0958d9;transform:translateY(-1px);box-shadow:0 6px 16px #1677ff4d}.icv-btn-primary:active:not(:disabled){transform:scale(.98)}.icv-btn-success{background:var(--icv-success);color:#fff;box-shadow:0 4px 12px #52c41a38}.icv-btn-success:hover:not(:disabled){background:var(--icv-success-dark);transform:translateY(-1px);box-shadow:0 6px 16px #52c41a4d}.icv-btn-success:active:not(:disabled){transform:scale(.98)}.icv-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite icvSpin}@keyframes icvSpin{to{transform:rotate(360deg)}}.icv-preview-card{padding:18px}.icv-preview-grid{grid-template-columns:1fr 36px 1fr;align-items:stretch;gap:12px;display:grid}.icv-preview-side{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.icv-preview-title{color:var(--icv-text-secondary);text-align:center;margin:0;font-size:13px;font-weight:600;line-height:1.4}.icv-preview-image-wrap{background:var(--icv-bg-soft);border-radius:10px;place-items:center;width:100%;min-height:200px;padding:4px;display:grid;overflow:hidden}.icv-preview-image-wrap img{object-fit:contain;border-radius:6px;max-width:100%;max-height:220px;display:block}.icv-pdf-frame{border:1px solid var(--icv-border);border-radius:6px;width:100%;height:220px}.icv-preview-empty{color:var(--icv-text-tertiary);text-align:center;padding:40px 12px;font-size:13px}.icv-preview-meta{width:100%;color:var(--icv-text-secondary);flex-direction:column;align-items:flex-start;gap:4px;font-size:12.5px;line-height:1.5;display:flex}.icv-preview-name-row{align-items:center;width:100%;display:flex}.icv-preview-name{color:var(--icv-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.icv-preview-tags{align-items:center;gap:8px;display:flex}.icv-preview-size{color:var(--icv-text-secondary);font-size:12.5px;font-weight:500}.icv-preview-tag{background:var(--icv-primary-light);color:var(--icv-primary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;display:inline-block}.icv-preview-dims{color:var(--icv-text-tertiary);font-size:12px;line-height:1.4}.icv-preview-mime{color:var(--icv-text-tertiary);font-size:11.5px}.icv-preview-summary{color:var(--icv-text-secondary);margin-top:2px;font-size:12.5px}.icv-preview-summary strong{margin-left:2px;font-weight:600}.icv-preview-summary .is-larger{color:#d4380d}.icv-preview-summary .is-smaller{color:var(--icv-success-dark)}.icv-preview-divider{place-items:center;display:grid;position:relative}.icv-preview-arrow{background:var(--icv-white);width:32px;height:32px;color:var(--icv-primary);border:1px solid var(--icv-border);border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #0f172a0d}.icv-preview-arrow svg{width:16px;height:16px;display:block}.icv-help-card{padding:16px 20px}.icv-help-title{color:var(--icv-text);align-items:center;gap:6px;margin:0 0 8px;font-size:13.5px;font-weight:600;line-height:1.4;display:flex}.icv-help-title-icon{width:18px;height:18px;color:var(--icv-primary);flex-shrink:0;place-items:center;display:grid}.icv-help-title-icon svg{width:100%;height:100%;display:block}.icv-help-text{color:var(--icv-text-secondary);margin:0 0 8px;font-size:12.5px;line-height:1.6}.icv-help-privacy{color:var(--icv-text-tertiary);border-top:1px dashed var(--icv-border);align-items:flex-start;gap:6px;margin:0;padding-top:8px;font-size:12px;line-height:1.6;display:flex}.icv-help-privacy-icon{flex-shrink:0;font-size:13px;line-height:1.4}@media (width<=900px){.icv-tool{max-width:100%}}@media (width<=560px){.icv-tool{gap:10px}.icv-card{border-radius:12px;padding:14px}.icv-upload-card{padding:20px 16px}.icv-action-bar{grid-template-columns:1fr;gap:8px}.icv-btn{width:100%;min-height:42px;font-size:13.5px}.icv-preview-grid{grid-template-columns:1fr 28px 1fr;gap:8px}.icv-preview-image-wrap{min-height:160px}.icv-preview-image-wrap img,.icv-pdf-frame{max-height:180px}.icv-preview-arrow{width:28px;height:28px}.icv-preview-arrow svg{width:14px;height:14px}.icv-settings-row{flex-direction:row;align-items:center;gap:10px}.icv-select-wrap{max-width:none}}@media (width<=380px){.icv-upload-card{padding:16px 12px}.icv-file-tag{padding:3px 10px;font-size:10.5px}.icv-reselect-btn{padding:8px 22px;font-size:12.5px}.icv-preview-card{padding:12px}.icv-preview-grid{grid-template-columns:1fr;gap:6px}.icv-preview-divider{height:28px;transform:rotate(90deg)}.icv-preview-image-wrap{min-height:140px}.icv-preview-image-wrap img,.icv-pdf-frame{max-height:160px}.icv-help-card{padding:14px 16px}}@media (prefers-reduced-motion:reduce){.icv-dropzone,.icv-btn,.icv-reselect-btn,.icv-spinner{transition:none!important;animation:none!important}}.dtool{--d-primary:#1677ff;--d-primary-light:#eaf3ff;--d-primary-dark:#0958d9;--d-success:#52c41a;--d-success-light:#f6ffed;--d-success-dark:#389e0d;--d-text:#1f1f1f;--d-text-secondary:#4a5568;--d-text-tertiary:#86909c;--d-border:#e5e7eb;--d-bg-soft:#f7f8fa;--d-white:#fff;flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto;display:flex}.dt-card{background:var(--d-white);border:1px solid var(--d-border);border-radius:14px;width:100%;padding:18px;box-shadow:0 4px 16px #0f172a0a}.dt-upload-card{background:linear-gradient(#f0f6ff 0%,#e6efff 100%);border-color:#1677ff2e;padding:22px 20px;box-shadow:0 6px 20px #1677ff0f}.dt-dropzone{cursor:pointer;width:100%;min-height:200px;color:var(--d-text);background:0 0;border:1.5px dashed #1677ff66;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 16px;font-family:inherit;transition:border-color .2s,background .2s;display:flex}.dt-dropzone:hover,.dt-dropzone.is-dragging{border-color:var(--d-primary);background:#1677ff0a}.dt-dropzone-icon{place-items:center;width:56px;height:56px;margin-bottom:6px;display:grid}.dt-dropzone-icon svg{width:100%;height:100%;display:block}.dt-dropzone strong{color:var(--d-text);font-size:15px;font-weight:600;line-height:1.4}.dt-dropzone-hint{color:var(--d-text-tertiary);text-align:center;max-width:480px;font-size:12.5px;line-height:1.5}.dt-choose-btn{background:var(--d-primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:10px 32px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,transform .2s;display:inline-flex}.dt-choose-btn:hover{background:var(--d-primary-dark)}.dt-choose-btn:active{transform:scale(.98)}.dt-choose-btn-icon{place-items:center;width:14px;height:14px;display:inline-grid}.dt-choose-btn-icon svg{width:100%;height:100%;display:block}.dt-upload-support{color:var(--d-text-tertiary);text-align:center;margin-top:8px;font-size:12px;line-height:1.4}.dt-file-list{flex-direction:column;gap:8px;width:100%;max-width:620px;margin:0 auto;display:flex}.dt-file-pill{background:var(--d-white);border:1px solid var(--d-border);color:var(--d-text-secondary);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.dt-file-pill-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--d-text);flex:1;font-weight:500;overflow:hidden}.dt-file-pill-size{color:var(--d-text-tertiary);flex-shrink:0;font-size:12.5px}.dt-file-pill-status{min-width:48px;color:var(--d-text-tertiary);text-align:right;font-size:12px}.dt-file-pill-status[data-status=处理中]{color:var(--d-primary)}.dt-file-pill-status[data-status=完成]{color:#389e0d}.dt-file-pill-status[data-status=失败]{color:#cf1322}.dt-reselect-btn{background:var(--d-white);color:var(--d-primary);cursor:pointer;border:1px solid #1677ff4d;border-radius:10px;justify-content:center;align-items:center;margin-top:10px;padding:9px 24px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.dt-reselect-btn:hover{background:var(--d-primary-light);border-color:var(--d-primary)}.dt-options-card{padding:16px 20px}.dt-options-title{color:var(--d-text);margin:0 0 12px;font-size:14px;font-weight:600;line-height:1.4;display:block}.dt-option-list{flex-direction:column;gap:10px;display:flex}.dt-option{background:var(--d-white);border:1px solid var(--d-border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.dt-option:hover{border-color:#1677ff66}.dt-option.is-selected{border-color:var(--d-primary);background:var(--d-primary-light);box-shadow:0 2px 8px #1677ff14}.dt-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.dt-option-radio{border:1.5px solid var(--d-border);background:var(--d-white);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;transition:border-color .15s;display:grid}.dt-option.is-selected .dt-option-radio{border-color:var(--d-primary);border-width:5px}.dt-option-icon{background:var(--d-bg-soft);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:grid}.dt-option.is-selected .dt-option-icon{background:var(--d-white)}.dt-option-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dt-option-label{color:var(--d-text);font-size:14px;font-weight:600;line-height:1.4}.dt-option-desc{color:var(--d-text-tertiary);font-size:12.5px;line-height:1.5}.dt-option-badge{background:var(--d-primary-light);color:var(--d-primary);border-radius:999px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:500;line-height:1.4;display:inline-flex}.dt-option-badge--success{background:var(--d-success-light);color:var(--d-success-dark)}.dt-option-badge--warning{color:#d46b08;background:#fff7e6}.dt-settings-card{padding:16px 20px}.dt-settings-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dt-settings-row+.dt-settings-row{border-top:1px solid var(--d-border);margin-top:14px;padding-top:14px}.dt-settings-label{color:var(--d-text);flex-shrink:0;min-width:72px;font-size:13px;font-weight:500;line-height:1.4}.dt-select-wrap{flex:1;min-width:140px;max-width:240px;position:relative}.dt-format-select,.dt-format-input{border:1px solid var(--d-border);background:var(--d-white);width:100%;color:var(--d-text);cursor:pointer;appearance:none;border-radius:10px;outline:none;padding:9px 36px 9px 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.dt-format-input{cursor:text;padding-right:14px}.dt-format-select:focus,.dt-format-input:focus{border-color:var(--d-primary);box-shadow:0 0 0 3px #1677ff1f}.dt-select-caret{width:16px;height:16px;color:var(--d-text-tertiary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dt-select-caret svg{width:100%;height:100%;display:block}.dt-notice{background:var(--d-primary-light);color:#315b91;border-radius:10px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.dt-notice-icon{flex-shrink:0;font-size:15px;line-height:1.6}.dt-notice-text{margin:0}.dt-error{color:#cf1322;background:#fff1f0;border-radius:10px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.dt-action-bar{flex-direction:column;gap:8px;width:100%;display:flex}.dt-btn{cursor:pointer;white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,transform .2s,box-shadow .2s;display:inline-flex}.dt-btn:disabled{opacity:.55;cursor:not-allowed}.dt-btn-primary{background:var(--d-primary);color:#fff;box-shadow:0 4px 12px #1677ff38}.dt-btn-primary:hover:not(:disabled){background:var(--d-primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #1677ff4d}.dt-btn-primary:active:not(:disabled){transform:scale(.98)}.dt-btn-success{background:var(--d-success);color:#fff;box-shadow:0 4px 12px #52c41a38}.dt-btn-success:hover:not(:disabled){background:var(--d-success-dark);transform:translateY(-1px);box-shadow:0 6px 16px #52c41a4d}.dt-btn-success:active:not(:disabled){transform:scale(.98)}.dt-btn-icon{flex-shrink:0;place-items:center;width:16px;height:16px;display:inline-grid}.dt-btn-icon svg{width:100%;height:100%;display:block}.dt-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite dtSpin}@keyframes dtSpin{to{transform:rotate(360deg)}}.dt-progress-wrap{width:100%}.dt-progress-bar{background:#eef1f5;border-radius:99px;width:100%;height:8px;overflow:hidden}.dt-progress-fill{background:var(--d-primary);border-radius:99px;height:100%;transition:width .2s}.dt-progress-text{text-align:center;color:var(--d-text-tertiary);margin-top:8px;font-size:12.5px;line-height:1.4}.dt-result-card{background:var(--d-success-light);color:var(--d-success-dark);border:1px solid #52c41a33;border-radius:12px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.dt-result-card h3{color:var(--d-success-dark);margin:0;font-size:14.5px;font-weight:600}.dt-result-card p{color:var(--d-success-dark);margin:0;font-size:13px;line-height:1.6}@media (width<=900px){.dtool{max-width:100%}}@media (width<=560px){.dtool{gap:10px}.dt-card{border-radius:12px;padding:14px}.dt-upload-card{padding:18px 14px}.dt-dropzone{min-height:180px;padding:20px 12px}.dt-dropzone strong{font-size:14px}.dt-dropzone-hint{font-size:12px}.dt-choose-btn{padding:9px 24px;font-size:13px}.dt-options-card,.dt-settings-card{padding:14px 16px}.dt-option{gap:10px;padding:10px 12px}.dt-option-icon{width:32px;height:32px;font-size:16px}.dt-option-label{font-size:13.5px}.dt-option-desc{font-size:12px}.dt-settings-row{gap:10px}.dt-select-wrap{flex:100%;max-width:none}.dt-btn{min-height:44px;font-size:13.5px}}@media (width<=380px){.dt-upload-card{padding:14px 10px}.dt-dropzone{min-height:160px;padding:18px 10px}.dt-option{padding:10px}.dt-option-badge{padding:2px 8px;font-size:10.5px}}@media (prefers-reduced-motion:reduce){.dt-dropzone,.dt-btn,.dt-choose-btn,.dt-reselect-btn,.dt-spinner{transition:none!important;animation:none!important}}.batch-suite{flex-direction:column;gap:14px;max-width:980px;margin:0 auto;display:flex}.batch-access-panel,.batch-mode-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex;box-shadow:0 6px 20px #0f172a0a}.batch-access-panel strong,.batch-mode-panel h2{color:#1f2937}.batch-access-panel p,.batch-mode-panel p{color:#64748b;margin:5px 0 0;font-size:13px}.batch-access-error{color:#d4380d!important}.batch-priority{color:#64748b;align-items:center;gap:10px;margin:12px 0 2px;font-size:13px;display:inline-flex}.batch-priority select{color:#1f2937;min-width:180px;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:8px 10px}.batch-access-panel button{color:#fff;cursor:pointer;background:#1677ff;border:0;border-radius:10px;flex:none;padding:10px 16px}.batch-mode-panel{display:block}.batch-mode-panel h2{margin:0;font-size:17px}.batch-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.batch-mode-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:11px;min-height:68px;padding:12px;display:flex}.batch-mode-card:hover{border-color:#91caff}.batch-mode-card.is-selected{background:#eaf3ff;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff14}.batch-mode-icon{color:#1677ff;background:#f1f5f9;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.batch-mode-card.is-selected .batch-mode-icon{color:#fff;background:#1677ff}.batch-mode-card span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.batch-mode-card strong{color:#1f2937;font-size:13px}.batch-mode-card small{color:#64748b;font-size:11px;line-height:1.35}@media (width<=720px){.batch-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-access-panel{flex-direction:column;align-items:stretch}.batch-access-panel button{align-self:flex-start}}@media (width<=430px){.batch-mode-grid{grid-template-columns:1fr}}.vtool{--vt-primary:#1677ff;--vt-primary-light:#eaf3ff;--vt-primary-dark:#0958d9;--vt-success:#52c41a;--vt-success-dark:#389e0d;--vt-text:#1f1f1f;--vt-text-secondary:#4a5568;--vt-text-tertiary:#86909c;--vt-border:#e5e7eb;--vt-bg-soft:#f7f8fa;--vt-white:#fff;--vt-danger:#f04438;flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto;display:flex}.vt-card{background:var(--vt-white);border:1px solid var(--vt-border);border-radius:14px;width:100%;padding:18px;box-shadow:0 4px 16px #0f172a0a}.vt-upload-card{background:linear-gradient(#f0f6ff 0%,#e6efff 100%);border-color:#1677ff1f;padding:24px 20px;box-shadow:0 6px 20px #1677ff0f}.vt-dropzone{cursor:pointer;width:100%;min-height:200px;color:var(--vt-text);background:0 0;border:1.5px dashed #1677ff66;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 16px;font-family:inherit;transition:border-color .2s,background .2s,transform .2s;display:flex}.vt-dropzone:hover,.vt-dropzone.is-dragging{border-color:var(--vt-primary);background:#1677ff0a}.vt-dropzone.is-dragging{transform:scale(.99)}.vt-dropzone-icon{place-items:center;width:56px;height:56px;margin-bottom:2px;display:grid}.vt-dropzone-icon svg,.vt-dropzone-icon img{width:100%;height:100%;display:block}.vt-dropzone strong{color:var(--vt-text);font-size:14px;font-weight:600;line-height:1.4}.vt-dropzone>span:last-child{color:var(--vt-text-tertiary);font-size:12px;line-height:1.4}.vt-file-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.vt-file-icon{place-items:center;width:64px;height:64px;display:grid}.vt-file-icon svg,.vt-file-icon img{width:100%;height:100%;display:block}.vt-file-info{flex-direction:column;align-items:center;gap:2px;display:flex}.vt-file-name{color:var(--vt-text);word-break:break-all;max-width:100%;font-size:14px;font-weight:600;line-height:1.3}.vt-file-size{color:var(--vt-text-tertiary);font-size:12px;line-height:1.3}.vt-file-tag{color:var(--vt-primary);background:#1677ff14;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:500;line-height:1.4;display:inline-block}.vt-reselect-btn{background:var(--vt-primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:9px 28px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,transform .2s;display:inline-flex}.vt-reselect-btn:hover{background:var(--vt-primary-dark)}.vt-reselect-btn:active{transform:scale(.98)}.vt-settings-card{padding:16px 20px}.vt-settings-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vt-compact-settings .vt-settings-row{gap:6px;padding:5px 0}.vt-compact-settings .vt-settings-row+.vt-settings-row{margin-top:4px;padding-top:6px}.vt-compact-settings .vt-settings-label{min-width:72px;font-size:12px}.vt-compact-settings .vt-format-select,.vt-compact-settings .vt-format-input{border-radius:7px;width:auto;min-width:84px;padding:6px 26px 6px 8px;font-size:12px}.vt-format-options{border-bottom:1px solid var(--vt-border);flex-wrap:wrap;align-items:stretch;gap:8px;padding:4px 0 12px;display:flex}.vt-format-option{border:1px solid var(--vt-border);min-width:72px;color:var(--vt-text);cursor:pointer;font:inherit;background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:13px;display:inline-flex}.vt-format-option.is-selected{border-color:var(--vt-primary);background:var(--vt-primary-light);color:var(--vt-primary-dark)}.vt-format-option.is-unavailable,.vt-format-option:disabled{color:#b8bec8;cursor:not-allowed;background:#f5f6f8;border-color:#e8eaee}.vt-format-option small{font-size:10px;font-weight:400}.vt-settings-row+.vt-settings-row{border-top:1px solid var(--vt-border);margin-top:14px;padding-top:14px}.vt-settings-label{color:var(--vt-text);flex-shrink:0;min-width:96px;font-size:13px;font-weight:500;line-height:1.4}.vt-select-wrap{flex:1;min-width:140px;max-width:220px;position:relative}.vt-format-select,.vt-format-input{border:1px solid var(--vt-border);background:var(--vt-white);width:100%;color:var(--vt-text);cursor:pointer;appearance:none;border-radius:10px;outline:none;padding:9px 36px 9px 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.vt-format-input{cursor:text;padding-right:14px}.vt-format-select:focus,.vt-format-input:focus{border-color:var(--vt-primary);box-shadow:0 0 0 3px #1677ff1f}.vt-select-caret{width:16px;height:16px;color:var(--vt-text-tertiary);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.vt-select-caret svg{width:100%;height:100%;display:block}.vt-segmented{border:1px solid var(--vt-border);background:var(--vt-bg-soft);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.vt-segmented button{color:var(--vt-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.vt-segmented button.is-selected{background:var(--vt-white);color:var(--vt-primary);box-shadow:0 1px 3px #00000014}.vt-action-row{flex-wrap:wrap;gap:12px;display:flex}.vt-primary-btn,.vt-success-btn,.vt-download-btn{cursor:pointer;text-align:center;border:0;border-radius:10px;flex:1;min-width:120px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform .2s,opacity .15s}.vt-primary-btn{background:var(--vt-primary);color:#fff}.vt-primary-btn:hover:not(:disabled){background:var(--vt-primary-dark)}.vt-primary-btn:disabled{opacity:.7;cursor:not-allowed}.vt-success-btn,.vt-download-btn{background:var(--vt-success);color:#fff}.vt-success-btn:hover,.vt-download-btn:hover{background:var(--vt-success-dark)}.vt-primary-btn:active,.vt-success-btn:active,.vt-download-btn:active{transform:scale(.98)}.vt-progress-card{padding:16px 20px}.vt-progress-bar{background:#eef1f5;border-radius:99px;height:9px;overflow:hidden}.vt-progress-fill{background:var(--vt-primary);height:100%;transition:width .2s}.vt-progress-text{color:var(--vt-text-secondary);text-align:center;margin-top:8px;font-size:13px}.vt-result-card{background:var(--vt-white);border:1px solid var(--vt-border);border-radius:14px;padding:20px;box-shadow:0 4px 16px #0f172a0a}.vt-result-card h3{color:var(--vt-text);margin:0 0 12px;font-size:16px}.vt-result-card p{color:var(--vt-text-secondary);margin:6px 0;font-size:14px;line-height:1.5}.vt-result-preview{border-radius:10px;max-width:100%;max-height:360px;margin:14px auto;display:block}.vt-notice,.vt-error,.vt-success{border-radius:10px;padding:13px 15px;font-size:14px;line-height:1.55}.vt-notice{color:#315b91;background:#f5f8ff;border:1px solid #1677ff1f}.vt-error{color:#cf1322;background:#fff1f0;border:1px solid #f044381f}.vt-success{color:#237804;background:#f6ffed;border:1px solid #52c41a1f}.vt-section-title{border-bottom:1px solid var(--vt-border);color:var(--vt-text);margin-top:18px;padding-bottom:8px;font-size:14px;font-weight:600}.vt-small-input{width:96px;min-width:96px}.vt-help{color:var(--vt-text-tertiary);font-size:12px;line-height:1.5}.vt-advanced-toggle{color:var(--vt-primary);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:14px;padding:8px 0}.vt-format-select:disabled,.vt-format-input:disabled,.vt-settings-row input:disabled{color:var(--vt-text-tertiary);cursor:not-allowed;background:#f2f3f5}.vt-success-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=680px){.vtool{gap:10px}.vt-card,.vt-upload-card,.vt-settings-card,.vt-result-card{border-radius:12px;padding:16px}.vt-dropzone{min-height:170px}.vt-settings-row{flex-direction:row;align-items:center;gap:6px}.vt-compact-settings .vt-settings-row{flex-direction:row;align-items:center}.vt-select-wrap{width:100%;max-width:none}.vt-action-row{flex-direction:column}.vt-primary-btn,.vt-success-btn,.vt-download-btn{width:100%}}.video-batch-card,.video-batch-result{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 6px 20px #0f172a0a}.video-batch-dropzone{color:#1f2937;cursor:pointer;background:#f5f9ff;border:1.5px dashed #91caff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:160px;display:flex}.video-batch-drop-icon{color:#fff;background:#1677ff;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.video-batch-dropzone small{color:#64748b}.video-batch-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.video-batch-settings label{color:#374151;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:13px;display:grid}.video-batch-settings select,.video-batch-settings input{background:#fff;border:1px solid #dbe2ea;border-radius:9px;min-width:0;padding:9px 10px}.video-batch-file-list{border-top:1px solid #eef2f7;grid-column:1/-1;gap:7px;padding-top:12px;display:grid}.video-batch-file-list div{background:#f8fafc;border-radius:8px;justify-content:space-between;gap:15px;padding:8px 10px;display:flex}.video-batch-file-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-batch-file-list small{color:#64748b;flex:none}.video-batch-primary{color:#fff;cursor:pointer;background:#1677ff;border:0;border-radius:12px;width:100%;min-height:46px;font-weight:600}.video-batch-primary:disabled{opacity:.65;cursor:wait}.video-batch-progress{background:#eaf3ff;border-radius:999px;height:10px;overflow:hidden}.video-batch-progress div{border-radius:inherit;background:linear-gradient(90deg,#1677ff,#69b1ff);height:100%;transition:width .2s}.video-batch-error{color:#cf1322;background:#fff2f0;border-radius:10px;padding:12px 14px}.video-batch-result p{color:#64748b}.video-batch-result button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:9px;padding:10px 16px}@media (width<=680px){.video-batch-settings{grid-template-columns:1fr}.video-batch-file-list{grid-column:1}}.unit-form{max-width:600px}.unit-form>select{margin-bottom:12px}.unit-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.unit-row input{flex:1;min-width:120px}.unit-result{margin-top:16px;font-size:20px}.unit-result b{color:var(--primary);margin-right:8px}@media (width<=560px){.unit-row{flex-direction:column;align-items:stretch}}.ve-tool{width:min(1280px,100%);color:var(--text);flex-direction:column;gap:12px;margin:0 auto;display:flex}.ve-tool button,.ve-tool input,.ve-tool select{font:inherit}.ve-tool button{border:1px solid var(--border);min-height:32px;color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:13px;transition:all .18s;display:inline-flex}.ve-tool button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.ve-tool button:disabled{opacity:.46;cursor:not-allowed}.ve-tool input[type=text],.ve-tool input[type=number],.ve-tool input[type=search],.ve-tool select{border:1px solid var(--border);height:32px;color:var(--text);box-sizing:border-box;background:#fff;border-radius:8px;outline:none;padding:0 10px;font-family:inherit;font-size:13px}.ve-tool input:focus,.ve-tool select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.ve-topbar{align-items:center;gap:16px;height:56px;padding:0 4px;display:flex}.ve-back-btn{min-height:36px;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.ve-back-btn:hover{background:var(--primary-light);color:var(--primary)}.ve-back-icon{font-size:16px;line-height:1}.ve-topbar-title{text-align:center;color:var(--text);letter-spacing:.2px;flex:1;margin:0;font-size:17px;font-weight:600}.ve-topbar-actions{align-items:center;gap:8px;display:flex}.ve-topbar-action{min-height:32px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.ve-topbar-action:hover:not(:disabled){background:var(--primary-light);color:var(--primary)}.ve-topbar-action--primary{background:var(--primary);color:#fff;border-color:var(--primary);padding:5px 16px}.ve-topbar-action--primary:hover:not(:disabled){background:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}.ve-topbar-action.ve-fav.on{color:#ffb800}.ve-file-info{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 2px 6px #0f172a08}.ve-file-thumb{background:#1f2937;border-radius:8px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden}.ve-file-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ve-file-thumb-placeholder{color:#cbd5e1;font-size:22px}.ve-file-thumb:after{content:"▶";color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ve-file-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ve-file-name-row{align-items:center;gap:6px;display:flex}.ve-file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:14px;font-weight:500;overflow:hidden}.ve-file-rename{width:22px;height:22px;min-height:22px;color:var(--text-tertiary);background:0 0;border:0;border-radius:4px;place-items:center;padding:0;font-size:13px;display:grid}.ve-file-rename:hover{background:var(--primary-light);color:var(--primary)}.ve-file-stats{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.ve-file-stats-sep{opacity:.6}.ve-file-local{border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;gap:2px;min-width:200px;padding:0 16px;display:flex}.ve-file-local strong{color:#52c41a;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.ve-file-local-icon{font-size:14px}.ve-file-local span{color:var(--text-tertiary);font-size:11px;line-height:1.4}.ve-file-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ve-file-change{border:1px solid var(--border);min-height:32px;color:var(--text);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.ve-file-delete{border:1px solid var(--border);width:32px;height:32px;min-height:32px;color:var(--text-tertiary);background:#fff;border-radius:8px;place-items:center;padding:0;font-size:14px;display:grid}.ve-file-delete:hover{color:var(--danger);border-color:var(--danger);background:#fff1f0}.ve-main{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;width:100%;display:grid}.ve-main>.ve-left{width:100%;min-width:0}.ve-main .ve-card,.ve-main .ve-preview-card,.ve-main .ve-segments{box-sizing:border-box;width:100%}.ve-left{flex-direction:column;gap:12px;min-width:0;display:flex}.ve-right{border:1px solid var(--border);top:calc(var(--header-height,68px) + 12px);max-height:calc(100vh - var(--header-height,68px) - 24px);background:#fff;border-radius:12px;flex-direction:column;display:flex;position:sticky;overflow:hidden auto}.ve-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 16px}.ve-preview-card{padding:0;overflow:hidden}.ve-preview-toolbar{border-bottom:1px solid var(--border);background:#fafbfc;align-items:center;gap:8px;padding:8px 12px;display:flex}.ve-preview-mode{color:#fff;background:#1f2937;border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.ve-preview-mode:hover{color:#fff;background:#111827}.ve-preview-mode .ve-caret{opacity:.8;font-size:10px}.ve-preview-mode-alt button{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:12px}.ve-preview-mode-alt button.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.ve-preview-stage{-webkit-user-select:none;user-select:none;touch-action:none;background:#0b1220;width:100%;position:relative;overflow:hidden}.ve-preview-stage video{object-fit:fill;width:100%;height:100%;display:block}.ve-crop-overlay,.ve-mosaic-overlay{box-sizing:border-box;touch-action:none;position:absolute}.ve-crop-overlay{cursor:move;border:2px solid #ffffffb8;box-shadow:0 0 0 9999px #00000075}.ve-crop-overlay.active{border-color:#42a5ff;box-shadow:0 0 0 9999px #0000007a,inset 0 0 0 1px #ffffffb3}.ve-crop-overlay:before,.ve-crop-overlay:after{content:"";pointer-events:none;opacity:.55;position:absolute}.ve-crop-overlay:before{border-left:1px solid #fff;border-right:1px solid #fff;width:33.333%;height:100%;top:0;left:33.333%}.ve-crop-overlay:after{border-top:1px solid #fff;border-bottom:1px solid #fff;width:100%;height:33.333%;top:33.333%;left:0}.ve-crop-handle{z-index:2;cursor:nwse-resize;background:#1677ff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;min-height:0;padding:0;position:absolute}.ve-crop-handle.nw{top:-8px;left:-8px}.ve-crop-handle.ne{top:-8px;right:-8px}.ve-crop-handle.sw{bottom:-8px;left:-8px}.ve-crop-handle.se{bottom:-8px;right:-8px}.ve-crop-size-label{z-index:2;color:#fff;pointer-events:none;background:#000000a8;border-radius:5px;padding:3px 7px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:8px;left:8px}.ve-mosaic-overlay{background:repeating-conic-gradient(#ff414133 0 25%, #ffffff1f 0 50%) 50% / 14px 14px;color:#fff;cursor:move;opacity:.62;border:2px dashed #ff4e4eb8;place-items:center;font-size:11px;display:grid}.ve-mosaic-overlay.active{opacity:1;border-color:#ff4d4f}.ve-mosaic-overlay i{cursor:nwse-resize;background:#ff4d4f;border:2px solid #fff;border-radius:3px;width:13px;height:13px;position:absolute;bottom:-7px;right:-7px}.ve-playback{color:#cbd5e1;background:#0b1220;grid-template-columns:auto auto auto auto auto 1fr auto auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.ve-play-btn,.ve-step-btn,.ve-mute-btn,.ve-fullscreen-btn{color:#cbd5e1;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;min-height:0;padding:0;font-size:14px;display:grid}.ve-play-btn:hover,.ve-step-btn:hover,.ve-mute-btn:hover,.ve-fullscreen-btn:hover{color:#fff;background:#ffffff14}.ve-playback-time{color:#cbd5e1;white-space:nowrap;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.ve-playback-range{appearance:none;background:#ffffff2e;border-radius:2px;outline:none;width:100%;height:4px}.ve-playback-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1677ff;border-radius:50%;width:14px;height:14px}.ve-playback-range::-moz-range-thumb{cursor:pointer;background:#1677ff;border:0;border-radius:50%;width:14px;height:14px}.ve-playback-ratio{color:#cbd5e1;white-space:nowrap;border:1px solid #ffffff2e;border-radius:4px;padding:2px 8px;font-size:12px}.ve-time-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.ve-time-block{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ve-time-block label{color:var(--text-secondary);white-space:nowrap;font-size:12px}.ve-time-block-input{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.ve-timecode-input{border:1px solid var(--border);min-width:0;height:30px;color:var(--primary);background:#fff;border-radius:6px;outline:none;flex:1;padding:0 8px;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace}.ve-timecode-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.ve-time-block-step{gap:4px;display:flex}.ve-time-block-step button{border:1px solid var(--border);width:24px;height:24px;min-height:0;color:var(--text-secondary);background:#fff;border-radius:6px;place-items:center;padding:0;font-size:14px;line-height:1;display:grid}.ve-time-block-readonly{color:var(--text);flex:1;font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace}.ve-time-block--center{justify-content:center}.ve-time-block--end .ve-time-block-input{flex-direction:row-reverse}.ve-timeline{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.ve-timeline-strip{background:#0b1220;border-radius:8px;grid-template-columns:repeat(10,1fr);height:72px;display:grid;position:relative;overflow:hidden}.ve-timeline-thumb{cursor:pointer;background-color:#1f2937;background-position:50%;background-size:cover;border:0;border-radius:0;height:100%;min-height:0;padding:0}.ve-timeline-loading{color:#94a3b8;grid-column:1/-1;place-items:center;font-size:13px;display:grid}.ve-timeline-tick-top{color:#cbd5e1;pointer-events:none;z-index:1;justify-content:space-between;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;inset:4px 8px auto}.ve-timeline-selection{box-sizing:border-box;pointer-events:none;z-index:2;background:#1677ff2e;border-top:3px solid #1677ff;border-bottom:3px solid #1677ff;position:absolute;top:0;bottom:0}.ve-timeline-split{z-index:3;cursor:pointer;background:#ffb020;border:0;border-radius:0;width:3px;min-width:3px;min-height:0;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ve-timeline-split:before{content:"";border-top:8px solid #ffb020;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:0;left:50%;transform:translate(-50%)}.ve-timeline-tick-row{color:var(--text-tertiary);justify-content:space-between;padding:0 2px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.ve-timeline-range{height:24px;margin:4px 8px 0;position:relative}.ve-range-track,.ve-range-selected{border-radius:4px;height:6px;position:absolute;top:9px}.ve-range-track{background:#e5eaf2;left:0;right:0}.ve-range-selected{background:#1677ff}.ve-timeline-range input[type=range]{pointer-events:none;appearance:none;background:0 0;border:0;outline:0;width:100%;height:24px;margin:0;padding:0;position:absolute;inset:0}.ve-timeline-range input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;cursor:ew-resize;background:#1677ff;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 6px #1677ff73}.ve-timeline-range input[type=range]::-webkit-slider-runnable-track{background:0 0;height:6px}.ve-timeline-range input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:ew-resize;background:#1677ff;border:2px solid #fff;border-radius:50%;width:14px;height:14px}.ve-timeline-range input[type=range]::-moz-range-track{background:0 0;height:6px}.ve-action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ve-action{border:1px solid var(--border);min-height:32px;color:var(--text);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.ve-action-icon{background:var(--primary-light);width:16px;height:16px;color:var(--primary);border-radius:4px;place-items:center;font-size:12px;line-height:1;display:inline-grid}.ve-action-more{margin-left:auto}.ve-inline-export{border:1px solid var(--border);background:#f8fbff;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:8px;padding:10px 12px;display:flex;overflow-x:auto}.ve-inline-export-title{color:var(--text);flex-shrink:0;font-size:13px;font-weight:600}.ve-inline-export label,.ve-inline-export>button,.ve-inline-export-size{flex-shrink:0}.ve-inline-export label:not(.ve-inline-export-check){color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;display:inline-flex}.ve-inline-export select{border:1px solid var(--border);min-width:92px;color:var(--text);background:#fff;border-radius:6px;padding:6px 24px 6px 8px;font-size:12px}.ve-inline-export-check{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.ve-inline-export-size{color:var(--text-secondary);white-space:nowrap;background:#eef5ff;border-radius:6px;padding:6px 8px;font-size:12px}.ve-inline-export>button{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#fff;border-radius:6px;padding:6px 9px;font-size:12px}.ve-inline-export>button:hover{border-color:var(--primary);color:var(--primary)}.ve-segments{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.ve-segments-head{color:var(--text);border-bottom:1px solid var(--border);background:#fafbfc;padding:10px 16px;font-size:13px;font-weight:600}.ve-segments-list{flex-direction:column;display:flex}.ve-segment-item{border-bottom:1px solid var(--border);grid-template-columns:140px 220px 1fr auto;align-items:center;gap:16px;padding:10px 16px;transition:background .12s;display:grid}.ve-segment-item:last-child{border-bottom:0}.ve-segment-item:hover{background:#fafbfc}.ve-segment-item.is-current,.ve-segment-item.is-current:hover{background:var(--primary-light)}.ve-segment-no{align-items:center;gap:6px;display:flex}.ve-segment-no b{color:var(--text);font-size:13px;font-weight:600}.ve-segment-tag{background:var(--primary);color:#fff;border-radius:4px;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.ve-segment-time{color:var(--text);align-items:center;gap:6px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.ve-segment-sep{color:var(--text-tertiary)}.ve-segment-duration{color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.ve-segment-duration strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.ve-segment-actions{align-items:center;gap:4px;display:flex}.ve-segment-icon-btn{width:28px;height:28px;min-height:0;color:var(--text-tertiary);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;font-size:12px;display:grid}.ve-segment-actions{justify-content:center}.ve-file-meta,.ve-file-name-row,.ve-file-stats,.ve-file-local,.ve-file-actions{align-items:center}.ve-segment-icon-btn:hover{background:var(--primary-light);color:var(--primary)}.ve-segment-icon-btn--danger:hover{color:var(--danger);background:#fff1f0}.ve-segments-empty{text-align:center;color:var(--text-tertiary);padding:20px 16px;font-size:12px}.ve-tabs{border-bottom:1px solid var(--border);background:#fafbfc;flex-shrink:0;display:flex}.ve-tab{min-height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px 0;font-size:13px;font-weight:500;transition:color .12s,border-color .12s,background .12s}.ve-tab:hover{color:var(--primary);background:#1677ff0a}.ve-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:#fff;font-weight:600}.ve-tab-content{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.ve-tab-section{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.ve-tab-section:last-child{border-bottom:0;padding-bottom:0}.ve-tab-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ve-tab-section-head h4{color:var(--text);margin:0;font-size:13px;font-weight:600}.ve-tab-section-hint{color:var(--text-tertiary);margin:0;font-size:11px;line-height:1.5}.ve-tab-section-label{color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:500}.ve-tab-toggle{width:22px;height:22px;min-height:0;color:var(--text-tertiary);background:0 0;border:0;border-radius:4px;padding:0;font-size:12px}.ve-tab-toggle:hover{background:var(--primary-light);color:var(--primary)}.ve-segment-modes{flex-direction:column;gap:6px;display:flex}.ve-segment-mode{border:1px solid var(--border);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,background .12s;display:grid;position:relative}.ve-segment-mode input{opacity:0;pointer-events:none;position:absolute}.ve-segment-mode-dot{background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.ve-segment-mode-dot:after{content:"";background:0 0;border-radius:50%;width:8px;height:8px;transition:background .12s}.ve-segment-mode.is-active{border-color:var(--primary);background:var(--primary-light)}.ve-segment-mode.is-active .ve-segment-mode-dot{border-color:var(--primary)}.ve-segment-mode.is-active .ve-segment-mode-dot:after{background:var(--primary)}.ve-segment-mode-text{min-width:0}.ve-segment-mode-label{color:var(--text);font-size:13px;font-weight:500}.ve-segment-mode-desc{color:var(--text-tertiary);margin-top:2px;font-size:11px;line-height:1.4}.ve-segment-mode-caret{color:var(--text-tertiary);font-size:16px;line-height:1}.ve-segment-mode-actions{gap:8px;margin-top:4px;display:flex}.ve-tab-action{border:1px solid var(--border);min-height:30px;color:var(--text-secondary);text-align:center;background:#fff;border-radius:6px;flex:1;justify-content:center;padding:5px 10px;font-size:12px}.ve-tab-action:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.ve-tab-action--danger:hover{border-color:var(--danger);color:var(--danger);background:#fff1f0}.ve-tab-section-body{flex-direction:column;gap:8px;margin-top:4px;display:flex}.ve-tab-select,.ve-tab-input,.ve-tab-button{width:100%}.ve-tab-button{background:var(--primary-light);color:var(--primary);border-color:var(--primary);justify-content:center}.ve-ratio-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ve-ratio-btn{border:1px solid var(--border);min-height:32px;color:var(--text-secondary);background:#fff;border-radius:6px;justify-content:center;padding:5px 0;font-size:12px}.ve-ratio-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.ve-ratio-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ve-switch-row{color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.ve-switch-row input{width:16px;height:16px;accent-color:var(--primary)}.ve-crop-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ve-crop-grid label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:11px;display:flex}.ve-crop-grid input{height:30px}.ve-crop-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ve-crop-actions button{flex:1;justify-content:center;min-height:30px;padding:4px 8px;font-size:12px}.ve-crop-actions button.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.ve-mosaic-row{color:var(--text-secondary);grid-template-columns:80px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.ve-mosaic-row input[type=range]{appearance:none;background:#e5eaf2;border-radius:2px;outline:none;width:100%;height:4px}.ve-mosaic-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:14px;height:14px}.ve-mosaic-row input[type=range]::-moz-range-thumb{background:var(--primary);cursor:pointer;border:0;border-radius:50%;width:14px;height:14px}.ve-color-choices{align-items:center;gap:6px;display:flex}.ve-color-dot{cursor:pointer;background:0 0;border:2px solid #d8dee8;border-radius:50%;width:24px;min-width:24px;height:24px;min-height:0;padding:0}.ve-color-dot.active{border-color:var(--primary);box-shadow:0 0 0 2px #dbeafe}.ve-color-choices input[type=color]{cursor:pointer;background:0 0;border:2px solid #d8dee8;border-radius:50%;width:24px;height:24px;padding:0}.ve-speed-row{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ve-speed-btn{border:1px solid var(--border);min-height:30px;color:var(--text-secondary);background:#fff;border-radius:6px;justify-content:center;padding:4px 0;font-size:12px}.ve-speed-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.ve-speed-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ve-export-grid{flex-direction:column;gap:8px;display:flex}.ve-export-grid label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:11px;display:flex}.ve-export-grid select{height:30px;font-size:12px}.ve-export-grid small{min-height:14px;color:var(--text-tertiary);font-size:10px;line-height:1.4;display:block}.ve-export-grid .support-ok{color:#389e0d}.ve-export-grid .support-error{color:#d4380d}.ve-output-info{color:var(--text-secondary);background:#f7f9fc;border-radius:6px;padding:8px 10px;font-size:12px}.ve-bottombar{z-index:20;border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 12px #0f172a0d}.ve-bottombar-left{align-items:center;gap:8px;display:flex}.ve-bottombar-btn{border:1px solid var(--border);min-height:32px;color:var(--text);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.ve-bottombar-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);padding:6px 20px}.ve-bottombar-btn--primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.ve-bottombar-info{border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;gap:2px;min-width:200px;padding:0 16px;display:flex}.ve-bottombar-info-row{align-items:center;gap:8px;font-size:12px;display:flex}.ve-bottombar-info-label{color:var(--text-tertiary)}.ve-bottombar-info-value{color:var(--text);font-weight:500}.ve-bottombar-info-time{color:var(--text);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.ve-bottombar-output{flex-direction:column;gap:2px;display:flex}.ve-bottombar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.ve-bottombar-result{border-left:1px solid var(--border);color:#237804;white-space:nowrap;align-items:center;gap:10px;margin-left:auto;padding-left:14px;font-size:12px;display:flex}.ve-bottombar-result strong{font-size:13px}.ve-bottombar-result .ve-result-download{color:#fff;background:#52c41a;border:0;border-radius:7px;margin:0;padding:8px 14px;font-weight:600}.ve-bottombar-result .ve-result-download:hover{color:#fff;background:#389e0d}.ve-result-summary{color:var(--text-secondary);padding:8px 12px;font-size:12px}.ve-upload{border:2px dashed var(--border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:18px;min-height:160px;padding:32px;transition:all .2s;display:flex}.ve-upload:hover,.ve-upload.dragging{border-color:var(--primary);background:var(--primary-light)}.ve-upload-icon{background:#e8f2ff;border-radius:18px;flex-shrink:0;place-items:center;width:72px;height:72px;font-size:36px;display:grid}.ve-upload-text{flex:1;min-width:0}.ve-upload-text strong{color:var(--text);font-size:17px;display:block}.ve-upload-text p{color:var(--text-secondary);margin:8px 0 0;font-size:13px}.ve-upload-btn{background:var(--primary);color:#fff;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-height:40px;padding:10px 24px;font-size:14px;font-weight:500;display:inline-flex}.ve-upload-btn:hover{background:var(--primary-dark);color:#fff}.ve-progress{border:1px solid var(--border);background:#fff;border-radius:10px;padding:14px 18px}.ve-progress-head{color:var(--text);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.ve-progress-head b{color:var(--primary);font-weight:600}.ve-progress-bar{background:#e6ebf2;border-radius:3px;width:100%;height:6px;overflow:hidden}.ve-progress-bar>div{border-radius:inherit;background:linear-gradient(90deg,#1677ff,#40a9ff);height:100%;transition:width .2s linear}.ve-progress small{color:var(--text-tertiary);margin-top:6px;font-size:11px;display:block}.ve-error{color:#cf1322;background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;padding:12px 16px;font-size:13px}.ve-result{background:#f6ffed;border:1px solid #b7eb8f;border-radius:10px;padding:16px}.ve-result h3{color:#237804;margin:0 0 6px;font-size:14px}.ve-result p{color:var(--text-secondary);margin:4px 0;font-size:12px}.ve-result-download{color:#fff;background:#722ed1;border:0;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:13px;display:inline-flex}.ve-result-download:hover{color:#fff;background:#531dab}@media (width<=1080px){.ve-main{grid-template-columns:minmax(0,1fr)}.ve-file-info{flex-wrap:wrap}.ve-file-local{min-width:180px}}@media (width<=900px){.ve-tool{gap:10px}.ve-topbar-title{font-size:16px}.ve-file-info{gap:12px;padding:10px 12px}.ve-file-thumb{width:48px;height:48px}.ve-file-name{max-width:200px}.ve-file-local{min-width:160px;padding:0 12px}.ve-time-row{grid-template-columns:1fr 1fr}.ve-time-block--center{grid-column:1/-1;justify-content:flex-start}.ve-action-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.ve-action-row::-webkit-scrollbar{display:none}.ve-action{flex-shrink:0}.ve-segment-item{grid-template-columns:110px 1fr auto;gap:12px}.ve-segment-duration{grid-column:2/3}}@media (width<=720px){.ve-main{grid-template-columns:1fr}.ve-right{max-height:none;position:static}.ve-topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 4px}.ve-topbar-title{text-align:left;order:3;width:100%;margin-top:4px;font-size:15px}.ve-topbar-actions{margin-left:auto}.ve-topbar-action span:not(:first-child){display:none}.ve-file-info{flex-wrap:wrap}.ve-file-local{border-left:0;border-right:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-basis:100%;padding:8px 0}.ve-bottombar{flex-wrap:nowrap;gap:8px;overflow-x:auto}.ve-bottombar-actions,.ve-bottombar-result{flex-shrink:0}.ve-bottombar-info{border-left:0;border-right:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-basis:100%;min-width:0;padding:8px 0}.ve-bottombar-output{flex-basis:100%}.ve-inline-export{align-items:flex-start}.ve-segment-item{grid-template-columns:1fr auto;gap:8px}.ve-segment-duration{grid-column:1/2}}@media (width<=560px){.ve-tool{gap:8px}.ve-file-info{gap:8px;padding:8px 10px}.ve-file-thumb{width:40px;height:40px}.ve-file-name{max-width:160px;font-size:13px}.ve-file-stats{font-size:11px}.ve-file-actions{justify-content:flex-end;width:100%}.ve-time-row{grid-template-columns:1fr}.ve-time-block,.ve-timeline{padding:8px 10px}.ve-timeline-strip{height:56px}.ve-upload{flex-direction:column;align-items:flex-start;padding:24px 20px}.ve-upload-icon{width:56px;height:56px;font-size:28px}.ve-upload-text strong{font-size:15px}.ve-upload-btn{justify-content:center;width:100%}}@media (width<=380px){.ve-tool{gap:6px}.ve-topbar{padding:6px 2px}.ve-topbar-title{font-size:14px}.ve-file-info{padding:6px 8px}.ve-timecode-input{font-size:12px}.ve-segment-item{padding:8px 10px}.ve-segment-time{font-size:11px}}@media (prefers-reduced-motion:reduce){.ve-tool,.ve-tool button,.ve-tool .ve-tab,.ve-tool .ve-segment-mode,.ve-tool .ve-playback-range,.ve-tool .ve-progress-bar>div{transition:none!important;animation:none!important}}.processing-tool{width:100%;max-width:1180px;margin:0 auto}.processing-tool .upload-area{justify-content:center;min-height:210px}.processing-tool .upload-icon{width:64px;height:64px;color:var(--text-tertiary);justify-content:center;align-items:center;margin:4px 0 0;line-height:1;display:flex}.processing-tool .upload-icon img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:64px;height:64px;display:block}.processing-tool .upload-btn{background:var(--primary);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;padding:10px 28px;font-size:14px;transition:all .2s;display:inline-block}.processing-tool .upload-btn:hover{background:var(--primary-dark)}.processing-tool .file-list{gap:8px;width:100%;max-width:620px;margin-top:6px;display:grid}.processing-tool .file-pill{background:var(--bg);color:var(--text-secondary);border-radius:8px;justify-content:space-between;gap:12px;padding:9px 12px;font-size:13px;display:flex}.processing-tool .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.processing-tool .field{flex-direction:column;gap:8px;display:flex}.processing-tool .field label{color:var(--text-secondary);font-size:13px}.processing-tool .field input,.processing-tool .field select{width:100%}.processing-tool .field.full{grid-column:1/-1}.processing-tool .resolve-row{align-items:stretch;gap:10px;width:100%;display:flex}.processing-tool .resolve-row input{border:1px solid var(--border);border-radius:var(--radius);flex:auto;width:100%;min-width:0;height:44px;padding:12px 16px;font-size:14px}.processing-tool .resolve-row button{flex:none;min-width:112px;height:44px;font-size:14px}.processing-tool .notice,.processing-tool .error,.processing-tool .success{border-radius:10px;margin:14px 0;padding:13px 15px;font-size:14px;line-height:1.55}.processing-tool .notice{color:#315b91;background:#f5f8ff}.processing-tool .error{color:#cf1322;background:#fff1f0}.processing-tool .success{color:#237804;background:#f6ffed}.processing-tool .progress-wrap{margin:18px 0}.processing-tool .progress-bar{background:#eef1f5;border-radius:99px;height:9px;overflow:hidden}.processing-tool .progress-fill{background:var(--primary);height:100%;transition:width .2s}.processing-tool .progress-text{color:var(--text-secondary);text-align:center;margin-top:7px;font-size:13px}.processing-tool .result-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:18px;padding:20px}.processing-tool .result-card h3{margin:0 0 12px;font-size:16px}.processing-tool .result-card p{color:var(--text-secondary);margin:6px 0;font-size:14px}.processing-tool .result-preview{border-radius:10px;max-width:100%;max-height:360px;margin:14px auto;display:block}.processing-tool .action-bar button.primary-action{background:var(--primary);color:#fff}.processing-tool .action-bar button.download-action{background:var(--success);color:#fff}@media (width<=680px){.processing-tool .settings-grid{grid-template-columns:1fr}.processing-tool .field.full{grid-column:auto}.processing-tool .resolve-row{flex-direction:column}.processing-tool .resolve-row button{width:100%}}.platform-detected{background:#f0f7ff;border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:10px 14px;display:flex}.platform-badge{color:var(--primary);font-size:14px;font-weight:600}.platform-tip{color:#315b91;margin:0;font-size:13px;line-height:1.5}.platform-shortcuts{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.platform-chip{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:12px}.html-video-tool{--hv-blue:#1677ff;--hv-blue-dark:#0b63e5;--hv-ink:#142033;--hv-muted:#6b7688;--hv-line:#e6ebf2;--hv-soft:#f5f7fa;max-width:1440px}.html-video-tool *{box-sizing:border-box}.html-video-tool button,.html-video-tool input,.html-video-tool select,.html-video-tool textarea{font:inherit}.html-video-tool button{-webkit-tap-highlight-color:transparent}.html-video-studio{width:100%;color:var(--hv-ink);position:relative}.hv-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.hv-workspace-header{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffffffe0;border:1px solid #e2e8f0eb;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;min-height:72px;margin:-4px 0 18px;padding:10px 12px 10px 16px;display:flex;position:sticky;top:76px;box-shadow:0 12px 34px #23365814}.hv-project-identity,.hv-workspace-actions,.hv-project-identity label,.hv-preview-header,.hv-preview-subbar,.hv-settings-title,.hv-progress-copy,.hv-render-result{align-items:center;display:flex}.hv-project-identity{gap:11px;min-width:0}.hv-project-mark{color:#fff;background:linear-gradient(145deg,#2587ff,#105fd0);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid;box-shadow:0 8px 20px #1677ff3d}.hv-project-identity label{gap:8px;min-width:0}.hv-project-identity label>span{color:var(--hv-muted);white-space:nowrap;font-size:12px}.hv-project-identity input{width:min(31vw,330px);min-width:150px;color:var(--hv-ink);background:#f3f6fa;border:1px solid #dce4ee;border-radius:10px;outline:none;padding:10px 13px;font-size:17px;font-weight:720;transition:all .18s}.hv-project-identity input:hover{background:#eef3f8;border-color:#cbd8e8}.hv-project-identity input:focus{background:#fff;border-color:#b9d6ff;box-shadow:0 0 0 3px #1677ff14}.hv-workspace-actions{flex:none;gap:9px}.hv-save-state{color:#708094;white-space:nowrap;align-items:center;gap:7px;margin-right:3px;font-size:12px;display:inline-flex}.hv-save-state i{background:#31b66b;border-radius:50%;width:7px;height:7px}.hv-save-state.saving i{background:#f2a93b;animation:1s ease-in-out infinite hvPulse}.hv-save-state.error i{background:#ef4444}.hv-save-state small{color:#5f6f84;background:#edf3fb;border-radius:5px;padding:2px 6px;font-size:10px}.hv-save-button,.hv-render-button,.hv-btn{cursor:pointer;border:0;border-radius:10px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:650;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}.hv-save-button:active,.hv-render-button:active,.hv-btn:active{transform:scale(.97)}.hv-save-button:disabled,.hv-render-button:disabled,.hv-btn:disabled{cursor:not-allowed;opacity:.58;transform:none}.hv-save-button{color:#465369;background:#fff;border:1px solid #dfe5ed}.hv-save-button:hover:not(:disabled){background:#f6f8fb;border-color:#cfd7e3}.hv-render-button{background:var(--hv-blue);color:#fff;justify-content:center;align-items:center;gap:8px;min-width:145px;display:inline-flex;box-shadow:0 9px 22px #1677ff38}.hv-render-button:hover:not(:disabled){background:var(--hv-blue-dark);box-shadow:0 11px 26px #1677ff4d}.hv-render-button span{font-size:10px}.hv-auth-notice{color:#4b6585;background:linear-gradient(90deg,#f5f9ff,#fbfdff);border:1px solid #d9e9ff;border-radius:11px;justify-content:center;align-items:center;gap:12px;margin:0 0 14px;padding:10px 13px;font-size:12px;display:flex}.hv-auth-notice button{color:#1268d8;cursor:pointer;background:#e4f0ff;border:0;border-radius:7px;padding:4px 10px;font-weight:650}.hv-access-notice{background:linear-gradient(90deg,#f5f9ff,#fbfdff);border:1px solid #d9e9ff;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px;padding:11px 13px;display:flex}.hv-access-notice>div{align-items:center;gap:9px;min-width:0;display:flex}.hv-access-notice strong{color:#146bd9;white-space:nowrap;font-size:12px}.hv-access-notice span{color:#61738a;font-size:11px}.hv-access-notice button{color:#fff;cursor:pointer;background:#1677ff;border:0;border-radius:7px;flex:none;padding:6px 10px;font-size:11px;font-weight:650}.hv-access-notice.exhausted{background:#fff8f7;border-color:#ffd6d2}.hv-access-notice.exhausted strong{color:#c43c36}.hv-studio-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:start;gap:18px;display:grid}.hv-card{border:1px solid var(--hv-line);background:#fff;border-radius:16px;box-shadow:0 12px 35px #1e34590e}.hv-editor-panel{min-width:0;overflow:hidden}.hv-editor-header{border-bottom:1px solid var(--hv-line)}.hv-editor-heading-row{justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:13px 16px;display:flex}.hv-panel-kicker{color:#91a0b3;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.hv-editor-heading-row h3,.hv-settings-title h3,.hv-modal-header h3{color:var(--hv-ink);margin:0;font-size:16px;font-weight:700}.hv-mode-switcher{background:#f4f6f9;border:1px solid #e4e9f0;border-radius:10px;padding:3px;display:inline-flex}.hv-mode-switcher button{color:#748196;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;height:31px;padding:0 11px;font-size:11px;font-weight:650;display:inline-flex}.hv-mode-switcher button.active{color:#176ddb;background:#fff;box-shadow:0 2px 8px #1c33541a}.hv-mode-icon{font-size:10px}.hv-editor-tools{border-top:1px solid #f1f3f7;gap:5px;min-height:48px;padding:8px 12px;display:flex;overflow-x:auto}.hv-tool-button{color:#5f6c7e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:31px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.hv-tool-button:hover{color:var(--hv-ink);background:#f6f8fb;border-color:#e5eaf1}.hv-tool-button.accent{color:#6d51cf;background:#f0eefe;margin-left:2px}.hv-tool-button.accent:hover{background:#e9e5ff;border-color:#ddd6fe}.hv-tool-button span{text-align:center;min-width:14px;font-size:12px}.hv-editor-surface{background:#1e1e1e;height:565px;position:relative}.hv-editor-loading{color:#8b94a4;background:#1e1e1e;place-items:center;height:100%;font-size:13px;display:grid}.hv-developer-editor .hv-editor-surface{height:523px}.hv-file-tabs{background:#202124;border-bottom:1px solid #2d2f33;align-items:end;gap:1px;height:42px;display:flex;overflow-x:auto}.hv-file-tabs button{color:#a2a7b0;cursor:pointer;background:0 0;border:0;border-right:1px solid #303237;justify-content:center;align-items:center;gap:7px;min-width:112px;height:36px;font-size:11px;display:inline-flex}.hv-file-tabs button.active{color:#fff;background:#1e1e1e;box-shadow:inset 0 2px #1677ff}.hv-file-dot{background:#f97316;border-radius:50%;width:7px;height:7px}.hv-file-dot.css{background:#38bdf8}.hv-file-dot.javascript{background:#facc15}.hv-editor-footer{border-top:1px solid var(--hv-line);color:#7d899a;justify-content:space-between;align-items:center;gap:10px;min-height:35px;padding:7px 13px;font-size:10px;display:flex}.hv-editor-footer span{align-items:center;gap:6px;display:inline-flex}.hv-editor-footer i{background:#31b66b;border-radius:50%;width:6px;height:6px}.hv-editor-footer i.warning{background:#f59e0b}.hv-right-column{gap:18px;min-width:0;display:grid}.hv-preview-panel{overflow:hidden}.hv-preview-header{border-bottom:1px solid var(--hv-line);justify-content:space-between;gap:12px;min-height:55px;padding:10px 12px 9px 16px}.hv-preview-header>div:first-child{align-items:center;gap:8px;font-size:13px;display:flex}.hv-live-dot{background:#24b36b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #24b36b17}.hv-preview-actions{align-items:center;gap:4px;display:flex}.hv-preview-actions button,.hv-preview-actions select,.hv-device-switch button,.hv-ratio-switch button{color:#647287;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;height:29px;font-size:11px}.hv-preview-actions button{width:30px;padding:0;font-size:15px}.hv-preview-actions select{background:#fff;border-color:#e4e9ef;outline:none;padding:0 23px 0 8px}.hv-preview-actions button:hover{color:#243147;background:#f2f5f8}.hv-preview-subbar{background:#fbfcfe;border-bottom:1px solid #edf0f4;justify-content:space-between;gap:12px;min-height:45px;padding:7px 11px}.hv-device-switch,.hv-ratio-switch{gap:2px;display:inline-flex}.hv-device-switch button{align-items:center;gap:5px;padding:0 8px;display:inline-flex}.hv-device-switch button span{font-size:14px;transform:scaleX(1.1)}.hv-device-switch button.active,.hv-ratio-switch button.active{color:#126bdc;background:#eaf3ff;font-weight:700}.hv-ratio-switch{background:#fff;border:1px solid #e7ebf0;border-radius:8px;padding:2px}.hv-ratio-switch button{height:25px;padding:0 8px}.hv-preview-canvas{background-color:#eef1f5;background-image:linear-gradient(45deg,#e4e8ed 25%,#0000 25%),linear-gradient(-45deg,#e4e8ed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e4e8ed 75%),linear-gradient(-45deg,#0000 75%,#e4e8ed 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;justify-content:center;align-items:center;height:356px;padding:24px;display:flex;position:relative;overflow:auto}.hv-preview-canvas.is-desktop{height:auto;min-height:0;aspect-ratio:var(--preview-ratio);background:#fff;padding:0;overflow:hidden}.hv-preview-canvas:fullscreen{background-color:#111827;height:100vh;padding:50px}.hv-preview-canvas.is-desktop:fullscreen{aspect-ratio:auto;height:100vh;padding:0}.hv-device-frame{transform-origin:50%;background:#fff;border:4px solid #1d2430;border-radius:9px;flex:none;width:min(100%,540px);max-height:100%;transition:width .24s,border-radius .24s,transform .2s;overflow:hidden;box-shadow:0 22px 55px #101e323d}.hv-device-frame.tablet{border-width:7px;border-radius:15px;width:min(82%,430px)}.hv-device-frame.mobile{border-width:7px;border-radius:18px;width:min(46%,260px)}.hv-preview-canvas.is-desktop .hv-device-frame.desktop{width:100%;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0}.hv-device-frame iframe{background:#fff;border:0;width:100%;height:100%;min-height:100%;display:block}.hv-preview-error{z-index:4;color:#c23b37;text-align:center;background:#fff8f7f7;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex;position:absolute;inset:0}.hv-preview-error span{color:#fff;background:#ef5350;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.hv-preview-error p{max-width:32em;margin:0;font-size:13px;line-height:1.65}.hv-settings-panel{padding:17px}.hv-settings-title{justify-content:space-between;gap:12px;margin-bottom:14px}.hv-settings-badge{color:#708096;letter-spacing:.05em;background:#f0f5fb;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:700}.hv-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.hv-settings-grid label{gap:6px;display:grid}.hv-settings-grid label>span{color:#728095;font-size:10px;font-weight:600}.hv-settings-grid select{color:#27364b;background:#fff;border:1px solid #dfe5ed;border-radius:8px;outline:none;width:100%;height:36px;padding:0 28px 0 10px;font-size:11px}.hv-settings-grid select:focus{border-color:#9fc8ff;box-shadow:0 0 0 3px #1677ff12}.hv-feedback{border:1px solid;border-radius:11px;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;font-size:12px;display:flex}.hv-feedback>span{color:#fff;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:11px;font-weight:800;display:grid}.hv-feedback p{flex:1;margin:0}.hv-feedback button{cursor:pointer;color:inherit;background:0 0;border:0;font-size:18px}.hv-feedback.success{color:#247a49;background:#f4fbf7;border-color:#ccebd8}.hv-feedback.success>span{background:#31a866}.hv-feedback.error{color:#c23b37;background:#fff7f6;border-color:#ffd4d2}.hv-feedback.error>span{background:#ef5350}.hv-render-progress,.hv-render-result{background:linear-gradient(100deg,#f8fbff,#fff);border:1px solid #dce8f8;border-radius:14px;margin-top:16px;padding:17px 18px}.hv-render-result-wrap{background:#fff;border:1px solid #dce8f8;border-radius:16px;margin-top:16px;padding:14px}.hv-render-result-wrap .hv-render-result{border:0;margin-top:12px;padding:8px 4px 2px}.hv-result-video{background:#0f172a;border-radius:11px;width:100%;max-height:420px;display:block}.hv-progress-copy{justify-content:space-between;gap:12px;margin-bottom:11px;font-size:12px}.hv-progress-copy>div{align-items:center;gap:9px;display:flex}.hv-progress-copy>span{color:#1677ff;font-weight:750}.hv-spinner{border:2px solid #cfe2ff;border-top-color:#1677ff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite hvSpin}.hv-progress-track{background:#e7edf5;border-radius:99px;height:7px;overflow:hidden}.hv-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#1677ff,#55a8ff);height:100%;transition:width .25s;display:block}.hv-render-progress small{color:#8b96a6;margin-top:8px;font-size:10px;display:block}.hv-render-result{gap:12px}.hv-result-icon{color:#229554;background:#e9f8ef;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}.hv-result-copy{flex:1;gap:4px;min-width:0;display:grid}.hv-result-copy strong{font-size:13px}.hv-result-copy span{color:#7d899a;font-size:10px}.hv-btn.primary{background:var(--hv-blue);color:#fff}.hv-btn.primary:hover:not(:disabled){background:var(--hv-blue-dark)}.hv-btn.secondary{color:#596579;background:#fff;border:1px solid #dfe5ed}.hv-help-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.hv-help-cards article{border:1px solid var(--hv-line);background:#fff;border-radius:13px;align-items:flex-start;gap:11px;min-width:0;padding:15px;display:flex}.hv-help-icon{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.hv-help-icon.blue{color:#1677ff;background:#eaf3ff}.hv-help-icon.green{color:#2c9b5b;background:#eaf9f0}.hv-help-icon.purple{color:#7555d7;background:#f1edff}.hv-help-cards strong{margin:1px 0 5px;font-size:11px;display:block}.hv-help-cards p{color:#7a8799;margin:0;font-size:9px;line-height:1.6}.hv-help-cards kbd{color:#58677b;background:#f5f7fa;border:1px solid #dfe5ed;border-radius:4px;padding:1px 4px;font-size:8px}.hv-mobile-render{display:none}.hv-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c14228a;place-items:center;padding:28px;animation:.18s both hvFade;display:grid;position:fixed;inset:0}.hv-modal{background:#fff;border:1px solid #ffffffb3;border-radius:20px;width:min(760px,100%);max-height:min(780px,100vh - 56px);animation:.26s cubic-bezier(.22,1,.36,1) both hvModalIn;overflow:auto;box-shadow:0 35px 100px #08122247}.hv-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;gap:18px;padding:22px 24px 17px;display:flex}.hv-modal-header p{color:#7d899a;margin:6px 0 0;font-size:11px;line-height:1.55}.hv-modal-close{color:#748196;cursor:pointer;background:#fff;border:1px solid #e5e9ef;border-radius:9px;flex:none;width:34px;height:34px;font-size:20px}.hv-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:18px 20px 22px;display:grid}.hv-template-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e9ef;border-radius:13px;padding:0;transition:all .2s;overflow:hidden}.hv-template-card:hover{border-color:#acd0ff;transform:translateY(-3px);box-shadow:0 12px 28px #1e46821f}.hv-template-preview{color:#fff;background:radial-gradient(circle at 80% 20%,#2b74d6,#0000 32%),#0d1b30;flex-direction:column;justify-content:end;min-height:118px;padding:17px;display:flex}.template-2 .hv-template-preview{background:radial-gradient(circle at 80% 20%,#10b8c8,#0000 34%),#061b2a}.template-3 .hv-template-preview{background:radial-gradient(circle at 80% 20%,#34a873,#0000 34%),#0b1d19}.template-4 .hv-template-preview{background:radial-gradient(circle at 80% 20%,#db4968,#0000 34%),#26101a}.template-5 .hv-template-preview{background:radial-gradient(circle at 80% 20%,#df9f25,#0000 34%),#241d0c}.template-6 .hv-template-preview{background:radial-gradient(circle at 80% 20%,#8c5cdf,#0000 34%),#180e2b}.hv-template-chip{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:5px;align-self:flex-start;margin-bottom:auto;padding:3px 6px;font-size:7px}.hv-template-preview strong{margin-bottom:8px;font-size:15px}.hv-template-preview i{background:#ffffff3d;border-radius:99px;width:72%;height:4px;margin-top:4px}.hv-template-preview i:last-child{width:48%}.hv-template-info{gap:4px;padding:11px 12px 13px;display:grid}.hv-template-info strong{font-size:11px}.hv-template-info small{color:#8692a3;font-size:8px;line-height:1.45}.hv-ai-modal{width:min(620px,100%)}.hv-ai-badge{color:#6c4fd0;background:#f0edff;border-radius:6px;margin-bottom:7px;padding:4px 8px;font-size:9px;font-weight:750;display:inline-flex}.hv-ai-modal textarea{resize:vertical;color:#243147;border:1px solid #dfe5ed;border-radius:12px;outline:none;width:calc(100% - 48px);min-height:150px;margin:20px 24px 12px;padding:15px;font-size:12px;line-height:1.65}.hv-ai-modal textarea:focus{border-color:#9fc8ff;box-shadow:0 0 0 4px #1677ff12}.hv-ai-suggestions{flex-wrap:wrap;gap:7px;padding:0 24px 14px;display:flex}.hv-ai-suggestions button{color:#667488;cursor:pointer;background:#fafbfd;border:1px solid #e5e9ef;border-radius:99px;padding:6px 9px;font-size:9px}.hv-ai-suggestions button:hover{color:#694bc8;background:#f4f1ff;border-color:#c7bdf5}.hv-ai-note{color:#748196;background:#f7f9fc;border-radius:10px;gap:9px;margin:0 24px;padding:11px 12px;display:flex}.hv-ai-note>span{color:#7357ce;font-size:17px}.hv-ai-note p{margin:0;font-size:9px;line-height:1.5}.hv-ai-note strong{color:#536176}.hv-modal-footer{justify-content:flex-end;gap:9px;padding:17px 24px 21px;display:flex}@keyframes hvSpin{to{transform:rotate(360deg)}}@keyframes hvPulse{50%{opacity:.35;transform:scale(.82)}}@keyframes hvFade{0%{opacity:0}}@keyframes hvModalIn{0%{opacity:0;transform:translateY(18px)scale(.98)}}@media (width<=1180px){.hv-workspace-header{top:68px}.hv-studio-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)}.hv-editor-surface{height:500px}.hv-developer-editor .hv-editor-surface{height:458px}.hv-preview-canvas{height:315px;padding:18px}.hv-help-cards{grid-template-columns:1fr 1fr}.hv-help-cards article:last-child{grid-column:1/-1}}@media (width<=900px){.hv-workspace-header{position:relative;top:auto}.hv-studio-grid{grid-template-columns:1fr}.hv-right-column{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);align-items:start}.hv-preview-canvas{height:340px}.hv-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.html-video-tool{margin-inline:-2px}.hv-workspace-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px;padding:10px 11px}.hv-project-mark{width:34px;height:34px}.hv-project-identity label{flex:1}.hv-project-identity label>span{display:none}.hv-project-identity input{width:100%;font-size:14px}.hv-workspace-actions{justify-content:space-between}.hv-save-state{flex:1}.hv-workspace-actions>.hv-render-button{display:none}.hv-save-button{min-height:36px;padding:7px 12px;font-size:11px}.hv-auth-notice{text-align:left;justify-content:space-between;align-items:flex-start}.hv-studio-grid,.hv-right-column{grid-template-columns:1fr;gap:12px;display:grid}.hv-card{border-radius:13px}.hv-editor-heading-row{flex-direction:column;align-items:stretch;gap:10px;min-height:108px;padding:12px}.hv-mode-switcher{align-self:stretch}.hv-mode-switcher button{flex:1;justify-content:center}.hv-editor-tools{padding:7px 8px}.hv-tool-button{padding:6px 8px}.hv-editor-surface{height:430px}.hv-developer-editor .hv-editor-surface{height:390px}.hv-editor-footer{padding-inline:9px}.hv-editor-footer span:last-child{display:none}.hv-preview-header{padding:9px 10px 9px 13px}.hv-preview-actions button:nth-of-type(2){display:none}.hv-preview-subbar{flex-direction:column;align-items:stretch;gap:6px}.hv-device-switch,.hv-ratio-switch{width:100%}.hv-device-switch button,.hv-ratio-switch button{flex:1;justify-content:center}.hv-preview-canvas{height:310px;padding:14px}.hv-device-frame.mobile{width:min(58%,240px)}.hv-settings-panel{padding:14px}.hv-settings-grid{grid-template-columns:1fr 1fr;gap:10px}.hv-access-notice{align-items:flex-start}.hv-access-notice>div{flex-direction:column;align-items:flex-start;gap:3px}.hv-mobile-render{bottom:calc(var(--tabbar-height,56px) + 10px);z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #d9e2eee6;border-radius:13px;margin:14px 0 0;padding:7px;display:block;position:sticky;box-shadow:0 14px 36px #14233a33}.hv-render-button.compact{width:100%;min-height:44px}.hv-render-result{flex-wrap:wrap;align-items:flex-start}.hv-render-result .hv-btn{width:100%}.hv-help-cards{grid-template-columns:1fr}.hv-help-cards article:last-child{grid-column:auto}.hv-modal-backdrop{align-items:end;padding:12px}.hv-modal{border-radius:18px 18px 13px 13px;max-height:calc(100vh - 24px)}.hv-modal-header{padding:18px 18px 14px}.hv-template-grid{grid-template-columns:1fr 1fr;gap:9px;padding:14px}.hv-template-preview{min-height:96px;padding:12px}.hv-template-info{padding:9px}.hv-ai-modal textarea{width:calc(100% - 36px);margin:16px 18px 10px}.hv-ai-suggestions{padding-inline:18px}.hv-ai-note{margin-inline:18px}.hv-modal-footer{padding:14px 18px 18px}}@media (width<=390px){.hv-save-state{font-size:10px}.hv-save-state small{display:none}.hv-tool-button{font-size:10px}.hv-preview-actions select{width:68px}.hv-settings-grid,.hv-template-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.html-video-tool *,.html-video-tool :before,.html-video-tool :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tool-page{margin-bottom:32px;animation:.2s toolPageFadeIn}@keyframes toolPageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-header{flex-wrap:nowrap;align-items:center;gap:16px;min-height:44px;margin-bottom:20px;display:flex}.tool-back{cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;transition:transform .2s,opacity .15s;display:inline-grid}.tool-back:hover{opacity:.75}.tool-back:active{transform:scale(.92)}.tool-back__icon{pointer-events:none;width:26px;height:26px;display:block}.tool-title{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.tool-title__name{color:var(--text);letter-spacing:.2px;margin:0;font-size:22px;font-weight:600;line-height:1.2}.tool-title__desc{color:var(--text-tertiary);margin:0;font-size:13px;line-height:1.4}.tool-header__right{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.tool-header__action{background:var(--white);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;min-height:40px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform .2s}.tool-header__action:hover{background:var(--bg);color:var(--text)}.tool-header__action:active{transform:scale(.97)}.tool-header__action--primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.tool-header__action--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white)}.tool-fav{background:var(--white);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform .2s;display:inline-flex}.tool-fav:hover{background:var(--bg);color:var(--text)}.tool-fav:active{transform:scale(.97)}.tool-fav__icon{color:#cbd5e1;font-size:16px;line-height:1;transition:color .2s}.tool-fav.on .tool-fav__icon,.tool-fav.on{color:#ffb800}.tool-fav__label{line-height:1}.tool-body.placeholder{color:var(--text-tertiary);text-align:center;padding:60px 20px}.tool-help{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:16px;padding:18px 20px}.tool-help__title{color:var(--text);align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:600;display:inline-flex}.tool-help__icon{background:var(--primary-light);width:22px;height:22px;color:var(--primary);border-radius:50%;place-items:center;font-size:13px;font-weight:700;line-height:1;display:inline-grid}.tool-help__text{color:var(--text-secondary);margin:0 0 10px;font-size:14px;line-height:1.7}.tool-privacy{border-radius:var(--radius-lg);background:linear-gradient(#f6ffed 0%,#e6f7df 100%);border:1px solid #52c41a40;margin-top:12px;padding:16px 20px;box-shadow:0 4px 16px #52c41a0f}.tool-privacy__title{color:#237804;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:600;display:inline-flex}.tool-privacy__icon{color:#389e0d;background:#fff;border:1px solid #52c41a4d;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:inline-grid}.tool-privacy__text{color:#2f6403;margin:0;font-size:13px;line-height:1.7}@media (width<=900px){.tool-header{gap:12px}.tool-title__name{font-size:20px}.tool-back{width:36px;height:36px}.tool-back__icon{width:24px;height:24px}.tool-fav,.tool-header__action{min-height:38px;padding:8px 14px;font-size:13px}}@media (width<=560px){.tool-page{margin-bottom:24px}.tool-header{gap:10px}.tool-title__name{font-size:18px}.tool-title__desc{font-size:12px}.tool-back,.tool-fav,.tool-header__action{border-radius:8px;min-height:36px;padding:7px 12px;font-size:12px}.tool-body{padding:16px}.tool-help{padding:14px 16px}.tool-help__title{font-size:14px}.tool-help__text{font-size:13px}.tool-privacy{padding:12px 16px}.tool-privacy__title{font-size:14px}.tool-privacy__text{font-size:12.5px}.tool-help,.tool-privacy{display:none}}@media (width<=420px){.tool-header{flex-wrap:wrap;justify-content:space-between}.tool-title{flex:100%;order:3;margin-top:4px}}@media (width<=380px){.tool-page{margin-bottom:20px}.tool-title__name{font-size:16px}.tool-title__desc{font-size:11px}.tool-back{width:28px;height:28px}.tool-back__icon{width:20px;height:20px}.tool-fav,.tool-header__action{min-height:32px;padding:6px 10px;font-size:12px}.tool-fav__icon{font-size:14px}.tool-body{padding:12px}.tool-help{padding:12px 14px}.tool-privacy{padding:10px 14px}.tool-privacy__icon{width:20px;height:20px;font-size:12px}}@media (prefers-reduced-motion:reduce){.tool-page,.tool-back,.tool-fav,.tool-header__action{transition:none!important;animation:none!important}}.tool-card{text-align:center;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:112px;padding:16px 8px 12px;transition:transform .2s,box-shadow .2s,background .15s;display:flex;position:relative}.tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.tool-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tool-card:active{background:var(--primary-light);transform:scale(.98)}.tool-card__icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid}.tool-card__name{color:var(--text);-webkit-line-clamp:2;line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.tool-card__fav{color:#cbd5e1;z-index:2;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-family:inherit;font-size:16px;transition:color .2s,transform .2s,background .15s;display:grid;position:absolute;top:6px;right:6px}.tool-card__premium{color:#d85d0b;background:#fff2e8;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:8px;left:8px}.tool-card__fav:hover{color:#ffb800;background:#ffb8001a}.tool-card__fav.on{color:#ffb800}.tool-card__fav:active{transform:scale(.92)}@media (width>=721px) and (width<=1080px){.tool-card{border-radius:12px;gap:6px;min-height:100px;padding:12px 6px 10px}.tool-card__icon{border-radius:10px;width:38px;height:38px;font-size:16px}.tool-card__name{font-size:12px}}@media (width>=1081px){.tool-card{gap:6px;min-height:104px;padding:14px 6px 10px}.tool-card__icon{width:40px;height:40px;font-size:16px}.tool-card__name{font-size:12.5px}}@media (width<=560px){.tool-card{border-radius:12px;gap:6px;min-height:104px;padding:12px 6px 10px}.tool-card__icon{border-radius:10px;width:40px;height:40px;font-size:16px}.tool-card__name{font-size:12px}.tool-card__fav{width:24px;height:24px;font-size:14px;top:4px;right:4px}}@media (width<=380px){.tool-card{min-height:96px;padding:10px 4px 8px}.tool-card__icon{width:36px;height:36px;font-size:14px}.tool-card__name{font-size:11px}}@media (prefers-reduced-motion:reduce){.tool-card,.tool-card__fav{transition:none!important}.tool-card:hover{transform:none}}.tool-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}@media (width<=1080px){.tool-grid{grid-template-columns:repeat(5,1fr);gap:12px}}@media (width<=900px){.tool-grid{grid-template-columns:repeat(5,1fr);gap:12px}}@media (width<=720px){.tool-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (width<=560px){.tool-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (width<=380px){.tool-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.image-tools-hub{max-width:var(--max-width);padding:0 16px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 20px);flex-direction:column;gap:16px;width:100%;margin:0 auto;animation:.2s hubFadeIn;display:flex}@keyframes hubFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hub-hero{background:linear-gradient(135deg,#eaf2ff 0%,#f4f8ff 50%,#eaf2ff 100%);border:1px solid #1677ff14;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;min-height:132px;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #0f172a0d}.hub-hero-text{grid-column-gap:16px;grid-row-gap:4px;flex:auto;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;min-width:0;display:grid}.hub-hero-icon{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);border-radius:16px;grid-row:1/span 2;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 4px 12px #1677ff40}.hub-hero-icon svg{width:30px;height:30px;display:block}.hub-hero-title{color:var(--text);letter-spacing:.2px;margin:0;font-size:24px;font-weight:700;line-height:1.2}.hub-hero-subtitle{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.hub-hero-subtitle-accent{color:var(--primary);font-weight:500}.hub-hero-illustration{pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;width:360px;max-width:100%}.hub-hero-illustration-svg{width:100%;height:auto;display:block}.hub-search{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;width:100%;height:52px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 6px 24px #0f172a0d}.hub-search:focus-within{border-color:#1677ff80;box-shadow:0 6px 24px #1677ff1f}.hub-search-icon{width:24px;height:24px;color:var(--text-tertiary);pointer-events:none;flex-shrink:0;place-items:center;margin-left:18px;display:grid}.hub-search-icon svg{width:20px;height:20px;display:block}.hub-search-input{min-width:0;height:calc(100% - 2px);color:var(--text);appearance:none;background:0 0;border:0;border-radius:13px;outline:0;flex:1;padding:14px 16px 14px 12px;font-family:inherit;font-size:15px;line-height:1.4}.hub-search-input:focus{box-shadow:none;border:0}.hub-search-input::placeholder{color:var(--text-tertiary)}.hub-search-input::-webkit-search-cancel-button{appearance:none}.hub-search-clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-right:18px;padding:0;transition:color .15s;display:grid}.hub-search-clear svg{width:20px;height:20px;display:block}.hub-search-clear:hover{color:var(--text);background:0 0}.hub-grid-anchor{scroll-margin-top:calc(var(--header-height,68px) + 16px)}.hub-category-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:10px;margin:0 -2px;padding:4px 2px 6px;display:flex;overflow-x:auto}.hub-category-nav::-webkit-scrollbar{display:none}.hub-category-tab{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;min-height:38px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .2s}.hub-category-tab:hover{color:var(--primary);border-color:#1677ff59}.hub-category-tab:active{transform:scale(.97)}.hub-category-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #1677ff33}.hub-category-tab.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.hub-result-meta-row{justify-content:space-between;align-items:center;gap:16px;margin:4px 4px 0;display:flex}.hub-result-meta{color:var(--text);font-size:15px;font-weight:600;line-height:1.3}.hub-sort{position:relative}.hub-sort-trigger{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.hub-sort-trigger:hover{background:var(--primary-light);color:var(--primary)}.hub-sort-caret{opacity:.8;font-size:12px;line-height:1;transition:transform .2s}.hub-sort-trigger[aria-expanded=true] .hub-sort-caret{transform:rotate(180deg)}.hub-sort-menu{border:1px solid var(--border);z-index:10;background:#fff;border-radius:10px;min-width:120px;margin:0;padding:4px;list-style:none;animation:.15s hubMenuIn;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0f172a1a}@keyframes hubMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hub-sort-item{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 12px;font-size:13px;transition:background .12s,color .12s}.hub-sort-item:hover{background:var(--primary-light);color:var(--primary)}.hub-sort-item.is-active{background:var(--primary-light);color:var(--primary);font-weight:600}.hub-empty{border:1px solid var(--border);text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 16px;display:flex}.hub-empty-icon{font-size:40px;line-height:1}.hub-empty-text{color:var(--text);margin:0;font-size:15px;font-weight:500}.hub-empty-sub{color:var(--text-tertiary);margin:0;font-size:13px}@media (width<=1080px){.hub-hero{min-height:120px;padding:22px 28px}.hub-hero-icon{width:52px;height:52px}.hub-hero-title{font-size:22px}.hub-hero-illustration{width:300px}}@media (width<=900px){.hub-hero{min-height:110px;padding:20px 24px}.hub-hero-icon{border-radius:14px;width:48px;height:48px}.hub-hero-icon svg{width:26px;height:26px}.hub-hero-title{font-size:20px}.hub-hero-subtitle{font-size:13px}.hub-hero-illustration{width:240px}.hub-search{height:48px}.hub-search-input{font-size:14px}}@media (width<=720px){.image-tools-hub{padding:0 12px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);gap:14px}.hub-hero{flex-direction:column;align-items:flex-start;gap:12px;min-height:0;padding:18px 20px}.hub-hero-text{grid-column-gap:12px}.hub-hero-icon{border-radius:12px;width:44px;height:44px}.hub-hero-icon svg{width:24px;height:24px}.hub-hero-title{font-size:20px}.hub-hero-subtitle{font-size:13px}.hub-hero-illustration{align-self:center;width:100%;max-width:360px}.hub-search{height:46px}.hub-category-tab{min-height:36px;padding:8px 16px;font-size:13px}.hub-result-meta-row{margin:2px 2px 0}.hub-result-meta{font-size:14px}}@media (width<=560px){.image-tools-hub{padding:0 10px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 14px);gap:12px}.hub-hero{border-radius:16px;padding:16px}.hub-hero-icon{width:42px;height:42px}.hub-hero-title{font-size:18px}.hub-hero-subtitle{font-size:12px}.hub-hero-illustration{max-width:280px}.hub-search{border-radius:12px;height:44px}.hub-search-icon{margin-left:14px}.hub-search-clear{margin-right:14px}.hub-search-input{padding:12px 14px 12px 10px;font-size:14px}.hub-category-tab{min-height:34px;padding:7px 14px;font-size:13px}.hub-result-meta{font-size:14px}}@media (width<=380px){.image-tools-hub{padding:0 8px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 12px);gap:10px}.hub-hero{border-radius:14px;gap:10px;padding:14px 12px}.hub-hero-icon{border-radius:10px;width:38px;height:38px}.hub-hero-icon svg{width:20px;height:20px}.hub-hero-title{font-size:17px}.hub-hero-subtitle{font-size:11px}.hub-hero-illustration{max-width:240px}.hub-search{height:42px}.hub-search-icon{margin-left:12px}.hub-search-clear{margin-right:12px}.hub-search-icon svg,.hub-search-clear svg{width:18px;height:18px}.hub-search-input{padding:10px 12px 10px 8px;font-size:13px}.hub-category-tab{min-height:30px;padding:6px 12px;font-size:12px}.hub-result-meta{font-size:13px}.hub-empty{padding:32px 12px}}@media (prefers-reduced-motion:reduce){.image-tools-hub,.hub-category-tab,.hub-search,.hub-sort-trigger{transition:none!important;animation:none!important}}:root{--paywall-gradient:linear-gradient(135deg, #1677ff 0%, #4096ff 50%, #69b1ff 100%);--paywall-accent:linear-gradient(135deg, #ff7a45 0%, #ffa940 100%);--premium-gradient:linear-gradient(135deg, #722ed1 0%, #a855f7 50%, #ec4899 100%);--pro-gradient:linear-gradient(135deg, #1677ff 0%, #0958d9 100%);--shadow-card:0 12px 35px #2c69c512;--shadow-elevated:0 24px 60px -16px #1677ff33}.auth-page,.billing-page{animation:.3s fadeIn}.auth-container,.billing-container{max-width:960px;margin:0 auto}.auth-narrow{max-width:440px;margin:0 auto}.billing-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.back-icon-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;transition:transform .2s,opacity .15s;display:inline-grid}.back-icon-btn:hover{opacity:.75}.back-icon-btn:active{transform:scale(.92)}.back-icon-btn__icon{pointer-events:none;width:22px;height:22px;display:block}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:20px;padding:28px;transition:transform .2s,box-shadow .2s}.card.elevated{box-shadow:var(--shadow-elevated);border-color:#0000}.card-header{margin-bottom:20px}.card-header h2,.card-header h3{margin:0 0 6px}.card-header p{color:var(--text-secondary);margin:0;font-size:14px}.form-group{margin-bottom:16px}.form-label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-label .required{color:var(--danger);margin-left:2px}.form-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input.error{border-color:var(--danger)}.form-input.error:focus{box-shadow:0 0 0 3px #ff4d4f22}.form-hint{color:var(--text-tertiary);margin-top:4px;font-size:12px}.form-error{color:var(--danger);margin-top:4px;font-size:12px}.input-with-button{align-items:stretch;gap:10px;display:flex}.input-with-button .form-input{flex:1}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-secondary:hover:not(:disabled){filter:brightness(.96)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){background:#cf1322}.hv-send-code-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;min-width:110px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,opacity .2s;display:inline-flex}.hv-send-code-btn:hover:not(:disabled){background:#0958d9}.hv-send-code-btn:disabled{cursor:not-allowed;opacity:.7;background:#94a3b8}.btn-block{width:100%}.btn-lg{padding:14px 24px;font-size:15px}.btn-sm{padding:6px 12px;font-size:12px}.link-button{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:none}.link-button:hover{text-decoration:underline}.divider{color:var(--text-tertiary);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.agreement{color:var(--text-secondary);align-items:flex-start;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.agreement input[type=checkbox]{cursor:pointer;margin-top:3px}.password-strength{gap:4px;margin-top:8px;display:flex}.password-strength-bar{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .2s}.password-strength-bar.weak{background:var(--danger)}.password-strength-bar.medium{background:var(--warning)}.password-strength-bar.strong{background:var(--success)}.password-strength-text{color:var(--text-tertiary);margin-top:4px;font-size:12px}.alert{border-radius:var(--radius);align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.alert-info{background:var(--primary-light);color:var(--primary-dark);border:1px solid #91caff}.alert-success{color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f}.alert-warning{color:#d48806;background:#fffbe6;border:1px solid #ffe58f}.alert-error{color:#cf1322;background:#fff2f0;border:1px solid #ffccc7}.plans-page-intro{text-align:center;margin-bottom:24px}.plans-page-intro h1{margin:0 0 8px;font-size:32px}.plans-page-intro p{color:var(--text-secondary);margin:0;font-size:15px}.plans-cycle-row{justify-content:center;margin-bottom:24px;display:flex}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:24px;display:grid}.plan-card{background:var(--white);border-radius:var(--radius-lg);cursor:default;border:2px solid #0000;flex-direction:column;padding:28px 24px;transition:all .25s;display:flex;position:relative}.plan-card-select{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.plan-card-select:focus-visible{outline-offset:2px;outline:3px solid #1677ff59}.plan-card-select:disabled{cursor:default}.plan-cta{z-index:2;position:relative}.plan-card:hover{box-shadow:var(--shadow-card)}.plan-card.featured{background:linear-gradient(180deg, var(--white) 0%, #f0f7ff 100%)}.plan-card.featured:before{content:"推荐";background:var(--paywall-gradient);color:var(--white);border-radius:12px;padding:4px 14px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-card.current{cursor:default;background:#f6ffed}.plan-card.current:hover{transform:none}.plan-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light), var(--shadow-card)}.plan-name{text-align:center;margin-bottom:4px;font-size:18px;font-weight:600}.plan-tagline{min-height:20px;color:var(--text-tertiary);text-align:center;margin-bottom:16px;font-size:13px}.plan-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:6px;display:flex}.plan-price-currency{color:var(--text-secondary);font-size:16px}.plan-price-value{color:var(--text);font-size:36px;font-weight:700}.plan-price-unit{color:var(--text-tertiary);font-size:14px}.plan-price-original{min-height:20px;color:var(--text-tertiary);text-align:center;margin-bottom:16px;font-size:13px;text-decoration:line-through}.plan-features{flex:1;margin:16px 0 24px;padding:0;list-style:none}.plan-features li{color:var(--text-secondary);align-items:flex-start;gap:8px;padding:6px 0;font-size:14px;display:flex}.plan-features li:before{content:"✓";color:var(--success);flex-shrink:0;font-weight:700}.plan-features li.disabled{color:var(--text-tertiary);text-decoration:line-through}.plan-features li.disabled:before{content:"✕";color:var(--text-tertiary)}.plan-cta{width:100%}.billing-toggle{background:var(--bg);border-radius:999px;margin-bottom:24px;padding:4px;display:inline-flex}.billing-toggle button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:13px}.billing-toggle button.active{background:var(--white);color:var(--primary);box-shadow:0 2px 8px #2c69c522}.billing-toggle .save-badge{background:var(--danger);color:var(--white);border-radius:8px;margin-left:4px;padding:1px 6px;font-size:10px;display:inline-block}.checkout-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.checkout-summary{position:sticky;top:90px}.wechat-qr{aspect-ratio:1;width:min(260px,100%);color:var(--text-tertiary);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:14px;place-items:center;margin:0 auto 16px;padding:10px;display:grid}.wechat-qr img{object-fit:contain;width:100%;height:100%;display:block}.payment-methods{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.payment-method{border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--white);padding:16px;transition:all .2s}.payment-method:hover{border-color:var(--primary-light)}.payment-method.selected{border-color:var(--primary);background:var(--primary-light)}.payment-method-icon{margin-bottom:6px;font-size:28px}.payment-method-name{color:var(--text);font-size:13px;font-weight:500}.order-summary{background:var(--bg);border-radius:var(--radius);margin-bottom:20px;padding:18px}.order-summary-row{justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.order-summary-row.total{border-top:1px solid var(--border);color:var(--text);margin-top:8px;padding-top:16px;font-size:18px;font-weight:600}.order-summary-row .label{color:var(--text-secondary)}.order-summary-row .value{color:var(--text);font-weight:500}.subscription-card{background:var(--paywall-gradient);color:var(--white);border-radius:var(--radius-lg);margin-bottom:20px;padding:28px;position:relative;overflow:hidden}.subscription-card.free{background:linear-gradient(135deg,#8c8c8c 0%,#595959 100%)}.subscription-card.pro{background:var(--pro-gradient)}.subscription-card.premium{background:var(--premium-gradient)}.subscription-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-40px;right:-40px}.subscription-card-label{opacity:.85;margin-bottom:4px;font-size:13px}.subscription-card-name{margin-bottom:18px;font-size:24px;font-weight:700}.subscription-card-meta{flex-wrap:wrap;gap:24px;display:flex}.subscription-card-meta-item{flex-direction:column;gap:4px;display:flex}.subscription-card-meta-label{opacity:.85;font-size:12px}.subscription-card-meta-value{font-size:16px;font-weight:600}.subscription-card-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.subscription-card-actions .btn{color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d}.subscription-card-actions .btn:hover{background:#ffffff4d}.quota-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.quota-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.quota-card-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.quota-card-value{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:600}.quota-card-bar{background:var(--bg);border-radius:3px;height:6px;overflow:hidden}.quota-card-bar-fill{background:var(--paywall-gradient);border-radius:3px;height:100%;transition:width .4s}.quota-card-bar-fill.warning{background:linear-gradient(90deg,#faad14,#ffa940)}.quota-card-bar-fill.danger{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.order-table{border-collapse:collapse;width:100%}.order-table th,.order-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px;font-size:14px}.order-table th{color:var(--text-secondary);background:var(--bg);font-weight:600}.order-table tr:hover{background:#fafbfc}.tag{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.tag-pending{color:#d46b08;background:#fff7e6}.tag-paid{color:#389e0d;background:#f6ffed}.tag-failed{color:#cf1322;background:#fff1f0}.tag-cancelled{color:#595959;background:#f5f5f5}.tag-refunded{color:#0958d9;background:#e6f4ff}.tag-active{color:#389e0d;background:#f6ffed}.tag-cancel_pending{color:#d46b08;background:#fff7e6}.tag-expired{color:#595959;background:#f5f5f5}.upgrade-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff7e6 0%,#ffe7ba 100%);border:1px solid #ffd591;align-items:center;gap:14px;margin:12px 0;padding:18px;display:flex}.upgrade-card-icon{flex-shrink:0;font-size:28px}.upgrade-card-body{flex:1}.upgrade-card-title{color:#ad4e00;margin-bottom:4px;font-weight:600}.upgrade-card-desc{color:#874d00;font-size:13px}.user-menu{position:relative}.user-menu-trigger{background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;transition:all .2s;display:flex}.user-menu-trigger:hover{background:var(--primary-light);border-color:var(--primary)}.user-avatar{background:var(--paywall-gradient);width:28px;height:28px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.user-menu-dropdown{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);z-index:50;min-width:220px;padding:6px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #24365c1a}.user-menu-info{border-bottom:1px solid var(--border);margin-bottom:4px;padding:12px}.user-menu-email{color:var(--text-tertiary);margin-top:2px;font-size:12px}.user-menu-item{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;transition:background .15s;display:flex}.user-menu-item:hover{background:var(--bg)}.user-menu-item .badge{background:var(--primary);color:var(--white);border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px}.locked-feature{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.locked-feature:after{content:"🔒";font-size:16px;position:absolute;top:8px;right:8px}.steps{justify-content:space-between;margin-bottom:24px;display:flex;position:relative}.steps:before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:16px;left:16px;right:16px}.step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.step-circle{background:var(--white);border:2px solid var(--border);width:32px;height:32px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .2s;display:flex}.step.active .step-circle{background:var(--primary);border-color:var(--primary);color:var(--white)}.step.completed .step-circle{background:var(--success);border-color:var(--success);color:var(--white)}.step-label{color:var(--text-tertiary);font-size:12px}.step.active .step-label,.step.completed .step-label{color:var(--text);font-weight:500}@media (width<=768px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{order:-1;position:static}.card,.subscription-card{padding:20px}.plan-card{padding:22px 18px}.plan-price-value{font-size:28px}.order-table{font-size:13px}.order-table th,.order-table td{padding:8px 6px}}@media (width<=560px){.auth-narrow{margin:0}.card{border-radius:var(--radius);padding:18px 16px}.steps{font-size:11px}.step-circle{width:28px;height:28px;font-size:12px}.input-with-button--coupon{flex-direction:column}.input-with-button--password{gap:8px}.input-with-button--password .btn{flex:0 0 44px;width:44px;padding:0}.quota-grid{grid-template-columns:1fr 1fr}.subscription-card-meta{gap:14px}}@media (width<=767px){.main--plans,.main--checkout{max-width:none;padding:12px 8px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 12px)}.plans-page-intro{text-align:center;margin-bottom:12px}.plans-page-intro h1{font-size:22px!important}.plans-page-intro p{display:none}.plans-cycle-row{justify-content:center;margin-bottom:8px;display:flex}.billing-toggle{margin-bottom:6px}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.plan-card{border-width:1.5px;border-radius:12px;min-width:0;padding:14px 8px 10px}.plan-card.featured:before{padding:2px 7px;font-size:9px;top:-9px}.plan-name{font-size:14px}.plan-tagline{min-height:28px;margin-bottom:7px;font-size:10px;line-height:1.35}.plan-price{gap:1px;margin-bottom:3px}.plan-price-currency,.plan-price-unit{font-size:10px}.plan-price-value{font-size:22px}.plan-price-original{min-height:24px;margin-bottom:5px;font-size:9px;line-height:1.3}.plan-features{margin:5px 0 9px}.plan-features li{gap:3px;padding:2px 0;font-size:9.5px;line-height:1.25}.plan-cta{white-space:normal;min-height:34px;padding:6px 3px;font-size:10px;line-height:1.15}.plans-faq{padding:12px;margin-top:10px!important}.plans-faq h3{font-size:15px}.plans-faq>div{grid-template-columns:1fr 1fr!important;gap:8px 12px!important}.plans-faq b,.plans-faq p{line-height:1.35;font-size:10px!important}.checkout-page .billing-container{max-width:520px}.checkout-back-row{margin-bottom:8px}.checkout-page .steps{margin-bottom:10px}.checkout-page .step-circle{width:24px;height:24px}.checkout-page .steps:before{top:12px}.checkout-page .step-label{font-size:10px}.checkout-layout{gap:8px}.checkout-summary{margin-bottom:0;padding:12px 14px}.checkout-summary h3{display:none}.checkout-summary .order-summary{margin:0;padding:6px 10px}.checkout-summary .order-summary-row{padding:2px 0;font-size:11px}.checkout-summary .order-summary-row.total{padding-top:5px;font-size:14px}.checkout-summary ul{display:none}.checkout-form-card{padding:12px 14px}.checkout-form-card .card-header{margin-bottom:7px}.checkout-form-card .card-header h3{margin-bottom:2px;font-size:16px}.checkout-form-card .card-header p{display:none}.checkout-form-card .form-group{margin-bottom:7px}.checkout-form-card .form-label{margin-bottom:3px;font-size:11px}.checkout-form-card .form-group:first-of-type>div{padding:7px 9px!important}.checkout-form-card .form-group:first-of-type>div>div>div:first-child{font-size:13px!important}.checkout-form-card .form-group:first-of-type>div>div>div:last-child{font-size:10px!important}.checkout-form-card .payment-methods{margin-bottom:2px}.checkout-form-card .payment-method{justify-content:center;align-items:center;gap:5px;min-height:40px;padding:5px 8px;display:flex}.checkout-form-card .payment-method-icon{margin:0;font-size:18px}.checkout-form-card .payment-method-name{font-size:12px}.checkout-form-card .payment-method>div:last-child{margin-top:0!important;font-size:9px!important}.checkout-form-card .alert{padding:5px 7px;font-size:9px;line-height:1.25;margin-top:4px!important}.checkout-form-card .input-with-button--coupon{flex-direction:row;align-items:center}.checkout-form-card .form-input{min-height:34px;padding:6px 9px;font-size:12px}.checkout-form-card .form-hint{font-size:9px}.checkout-form-card .form-group:nth-of-type(4) .form-hint{display:none}.checkout-form-card>div:last-child{margin-top:8px!important}.checkout-form-card>div:last-child .btn{min-height:36px;padding:6px 10px}}@media (width<=380px){.plans-grid{gap:4px}.card{border-radius:var(--radius);padding:16px 12px}.card-header h2,.card-header h3{font-size:16px}.card-header p{font-size:13px}.form-input{padding:11px 14px;font-size:13px}.btn{min-height:40px;padding:9px 14px;font-size:13px}.btn-sm{padding:5px 10px;font-size:11px}.btn-lg{padding:12px 18px;font-size:14px}.quota-grid{grid-template-columns:1fr}.quota-card{padding:14px}.quota-card-value{font-size:18px}.subscription-card{padding:18px 16px}.subscription-card-name{font-size:20px}.subscription-card-meta{gap:10px}.subscription-card-meta-label{font-size:11px}.subscription-card-meta-value{font-size:14px}.subscription-card-actions{flex-direction:column}.subscription-card-actions .btn{width:100%}.plan-card{padding:18px 14px}.plan-name{font-size:16px}.plan-price-value{font-size:26px}.plan-features li{font-size:13px}.payment-methods{grid-template-columns:1fr}.order-table{font-size:12px}.order-table th,.order-table td{padding:8px 6px}.alert{padding:10px 12px;font-size:13px}.step-circle{width:24px;height:24px;font-size:11px}.user-menu-trigger{min-height:32px;padding:4px 8px}}@media (width<=560px){.auth-page,.billing-page{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 8px)}}@media (width<=380px){.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.plan-card{padding:12px 5px 8px}.plan-name{font-size:13px}.plan-price-value{font-size:20px}.plan-features li{font-size:8.5px}.plan-cta{min-height:32px;padding:5px 2px;font-size:8.8px}}.terms-page,.privacy-page,.help-page{--legal-primary:var(--primary,#1677ff);--legal-primary-light:var(--primary-light,#eaf3ff);--legal-text:var(--text,#172033);--legal-text-secondary:var(--text-secondary,#596579);--legal-text-tertiary:var(--text-tertiary,#9099a8);--legal-border:var(--border,#e9edf3);--legal-bg-soft:var(--bg,#f7f9fc);--legal-bg:var(--bg,#f7f9fc);--legal-white:var(--white,#fff);--legal-radius-sm:var(--radius-sm,8px);--legal-radius:var(--radius,12px);--legal-radius-lg:var(--radius-lg,16px);--legal-shadow:var(--shadow,0 12px 35px #2c69c512);--legal-shadow-sm:0 4px 16px #0f172a0a}.me-sub-page{max-width:100%;padding:16px 0 calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 20px);flex-direction:column;align-items:center;gap:16px;margin:0 auto;display:flex}.me-sub-page>*{width:100%;max-width:100%}.legal-page-header{grid-template-columns:40px 1fr 40px;align-items:center;width:100%;margin-top:8px;margin-bottom:4px;display:grid}.legal-back{cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;transition:transform .2s,opacity .15s;display:grid}.legal-back:hover{opacity:.75}.legal-back:active{transform:scale(.92)}.legal-back-icon{pointer-events:none;width:22px;height:22px;display:block}.legal-page-title-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.legal-page-title{color:var(--legal-text);letter-spacing:.2px;margin:0;font-size:22px;font-weight:700;line-height:1.3}.legal-page-subtitle{color:var(--legal-text-tertiary);margin:0;font-size:12px;line-height:1.4}.legal-info-card{background:var(--legal-white);border:1px solid var(--legal-border);border-radius:var(--legal-radius);box-shadow:var(--legal-shadow-sm);align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.legal-info-icon{background:var(--legal-primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;margin-top:2px;font-size:14px;font-weight:700;line-height:1;display:grid}.legal-info-body{min-width:0;color:var(--legal-text-secondary);flex:1;font-size:13px;line-height:1.75}.legal-info-body p{margin:0 0 8px}.legal-info-body p:last-child{margin-bottom:0}.legal-info-body strong{color:var(--legal-text);font-weight:600}.legal-highlight-card{background:var(--legal-primary-light);border-radius:var(--legal-radius);color:var(--legal-text);border:1px solid #1677ff26;align-items:flex-start;gap:12px;padding:14px 18px;font-size:13px;line-height:1.7;display:flex}.legal-highlight-icon{flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:1px;font-size:16px;line-height:1;display:grid}.legal-highlight-body{flex:1;min-width:0}.legal-highlight-body strong{color:var(--legal-primary);font-weight:600}.legal-section-heading{color:var(--legal-text);margin:8px 4px 0;font-size:16px;font-weight:600;line-height:1.4}.clause-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.clause-card{background:var(--legal-white);border:1px solid var(--legal-border);border-radius:var(--legal-radius);transition:border-color .15s,box-shadow .15s;overflow:hidden}.clause-card.is-open{border-color:#1677ff59;box-shadow:0 4px 16px #1677ff0f}.clause-card-header{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:64px;padding:14px 16px;font-family:inherit;transition:background .15s;display:flex}.clause-card-header:hover{background:var(--legal-bg-soft)}.clause-card-header:active{background:var(--legal-primary-light)}.clause-icon{border-radius:var(--legal-radius-sm);background:var(--legal-primary-light);width:40px;height:40px;color:var(--legal-primary);flex-shrink:0;place-items:center;font-size:20px;line-height:1;display:grid}.clause-card.is-open .clause-icon{background:var(--legal-primary);color:#fff}.clause-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.clause-card-title{color:var(--legal-text);font-size:14px;font-weight:600;line-height:1.4}.clause-card-summary{color:var(--legal-text-tertiary);text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.clause-card-arrow{width:20px;height:20px;color:var(--legal-text-tertiary);flex-shrink:0;transition:transform .25s,color .2s}.clause-card-arrow svg{width:100%;height:100%;display:block}.clause-card.is-open .clause-card-arrow{color:var(--legal-primary);transform:rotate(180deg)}.clause-card-body{border-top:1px solid var(--legal-border);margin-top:0;padding:14px 16px 16px;animation:.2s clauseOpen}@keyframes clauseOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.clause-paragraph{color:var(--legal-text-secondary);margin:0 0 10px;font-size:13px;line-height:1.75}.clause-paragraph:last-child{margin-bottom:0}.clause-paragraph strong{color:var(--legal-text);font-weight:600}.clause-children{background:var(--legal-bg-soft);border-radius:var(--legal-radius-sm);margin:8px 0 10px;padding:10px 14px;list-style:none}.clause-children li{color:var(--legal-text-secondary);padding:4px 0 4px 14px;font-size:12.5px;line-height:1.7;position:relative}.clause-children li:before{content:"";background:var(--legal-primary);border-radius:50%;width:5px;height:5px;position:absolute;top:12px;left:0}.clause-children strong{color:var(--legal-text);font-weight:600}.policy-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.policy-grid .clause-card-header{min-height:60px;padding:12px 14px}.policy-grid .clause-icon{border-radius:var(--legal-radius-sm);width:36px;height:36px;font-size:18px}.policy-grid .clause-card-title{font-size:13.5px}.policy-grid .clause-card-summary{font-size:11.5px}.policy-grid .clause-card-body{padding:12px 14px 14px}.legal-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--legal-border);border-radius:var(--legal-radius);background:var(--legal-white);width:100%;box-shadow:var(--legal-shadow-sm);overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;min-width:480px;font-size:13px}.legal-table th,.legal-table td{text-align:left;border-bottom:1px solid var(--legal-border);padding:12px 14px}.legal-table th{background:var(--legal-bg-soft);color:var(--legal-text);font-size:12.5px;font-weight:600}.legal-table tr:last-child td{border-bottom:0}.legal-table td{color:var(--legal-text-secondary)}.legal-tag{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.legal-tag--green{color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f}.legal-tag--yellow{color:#d48806;background:#fffbe6;border:1px solid #ffe58f}.legal-promise-card{background:var(--legal-primary-light);border-radius:var(--legal-radius);color:var(--legal-text);border:1px solid #1677ff26;align-items:flex-start;gap:12px;padding:14px 18px;font-size:13px;line-height:1.7;display:flex}.legal-promise-icon{flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:1px;font-size:16px;line-height:1;display:grid}.legal-promise-body{flex:1;min-width:0}.legal-promise-body strong{color:var(--legal-primary);font-weight:600}.legal-contact-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.legal-contact-card{background:var(--legal-white);border:1px solid var(--legal-border);border-radius:var(--legal-radius);text-align:center;box-shadow:var(--legal-shadow-sm);flex-direction:column;align-items:center;gap:8px;padding:18px 12px;display:flex}.legal-contact-icon{border-radius:var(--legal-radius-sm);background:var(--legal-primary-light);width:36px;height:36px;color:var(--legal-primary);place-items:center;font-size:18px;line-height:1;display:grid}.legal-contact-label{color:var(--legal-text-tertiary);font-size:12px;line-height:1.3}.legal-contact-value{color:var(--legal-text);word-break:break-all;font-size:13px;font-weight:500;line-height:1.4}.legal-contact-text{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.legal-foot-card{background:var(--legal-primary-light);border-radius:var(--legal-radius);color:var(--legal-text);border:1px solid #1677ff26;align-items:flex-start;gap:12px;padding:14px 18px;font-size:13px;line-height:1.7;display:flex}.legal-foot-icon{flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:1px;font-size:16px;line-height:1;display:grid}.legal-foot-body{flex:1;min-width:0}.legal-foot-body strong{color:var(--legal-primary);margin-bottom:2px;font-weight:600;display:block}.legal-foot-body p{margin:0}@media (width<=768px){.me-sub-page{padding:12px 12px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 20px);gap:14px}.legal-page-title{font-size:18px}.policy-grid{grid-template-columns:repeat(2,1fr)}.legal-contact-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.me-sub-page{padding:10px 10px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);gap:12px}.legal-page-header{grid-template-columns:36px 1fr 36px;margin-top:6px}.legal-back{width:36px;height:36px}.legal-back-icon{width:20px;height:20px}.legal-page-title{font-size:16px}.legal-page-subtitle{font-size:11px}.legal-info-card,.legal-highlight-card,.legal-promise-card,.legal-foot-card{border-radius:var(--legal-radius);padding:12px 14px}.legal-section-heading{font-size:15px}.clause-card-header{min-height:60px;padding:12px 14px}.clause-icon{border-radius:var(--legal-radius-sm);width:36px;height:36px;font-size:18px}.clause-card-title{font-size:13.5px}.clause-card-summary{font-size:11.5px}.clause-card-body{padding:12px 14px 14px}.clause-paragraph{font-size:12.5px}.policy-grid,.legal-contact-grid{grid-template-columns:1fr;gap:8px}.legal-contact-card{text-align:left;flex-direction:row;gap:12px;padding:14px}.legal-contact-icon{width:32px;height:32px}.legal-contact-text{flex:1;align-items:flex-start}.legal-table th,.legal-table td{padding:10px 12px;font-size:12.5px}}@media (width<=380px){.me-sub-page{padding:8px 8px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);gap:10px}.legal-page-header{grid-template-columns:32px 1fr 32px}.legal-back{width:32px;height:32px}.legal-back-icon{width:18px;height:18px}.legal-page-title{font-size:15px}.legal-page-subtitle{font-size:10.5px}.legal-info-card,.legal-highlight-card,.legal-promise-card,.legal-foot-card{gap:10px;padding:10px 12px}.legal-info-icon{width:24px;height:24px;font-size:12px}.legal-info-body{font-size:12.5px;line-height:1.7}.legal-highlight-card,.legal-promise-card,.legal-foot-card{font-size:12.5px}.legal-section-heading{font-size:14px}.clause-card{border-radius:var(--legal-radius)}.clause-card-header{gap:10px;min-height:56px;padding:10px 12px}.clause-icon{width:32px;height:32px;font-size:16px}.clause-card-title{font-size:13px}.clause-card-summary{font-size:11px}.clause-card-body{padding:10px 12px 12px}.clause-paragraph{font-size:12px;line-height:1.7}.clause-children{padding:8px 12px}.clause-children li{font-size:12px}.legal-table th,.legal-table td{padding:8px 10px;font-size:12px}}.help-hero{place-items:center;width:100%;padding:8px 0 4px;display:grid}.help-hero-illu{width:100%;max-width:220px}.help-hero-illu svg{width:100%;height:auto;display:block}.help-feedback{border-radius:var(--legal-radius);box-shadow:var(--legal-shadow-sm);background:linear-gradient(135deg,#f4f8ff 0%,#fff 100%);border:1px solid #1677ff1f;grid-template-columns:110px 1fr;align-items:center;gap:18px;padding:20px 22px;display:grid}.help-feedback-illu{place-items:center;width:100%;max-width:110px;display:grid}.help-feedback-illu svg{width:100%;height:auto;display:block}.help-feedback-body{flex-direction:column;gap:8px;min-width:0;display:flex}.help-feedback-title{color:var(--legal-text);margin:0;font-size:16px;font-weight:600;line-height:1.3}.help-feedback-text{color:var(--legal-text-secondary);margin:0;font-size:12.5px;line-height:1.5}.help-feedback-btn{color:#fff;border-radius:var(--legal-radius-sm);cursor:pointer;background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);border:0;justify-content:center;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:10px 22px;font-family:inherit;font-size:13.5px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #1677ff40}.help-feedback-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1677ff59}.help-feedback-btn:active{transform:scale(.98)}.help-feedback-btn-icon{flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.help-feedback-btn-icon svg{width:100%;height:100%;display:block}@media (width<=560px){.help-feedback{text-align:center;grid-template-columns:1fr;padding:18px 20px}.help-feedback-illu{max-width:90px;margin:0 auto}.help-feedback-body{align-items:center}.help-feedback-btn{align-self:center}}@media (width<=380px){.help-hero-illu{max-width:180px}.help-feedback{padding:16px 18px}.help-feedback-title{font-size:15px}.help-feedback-btn{padding:9px 18px;font-size:13px}}@media (prefers-reduced-motion:reduce){.clause-card,.clause-card-arrow,.legal-back,.clause-card-body,.about-hero-float{transition:none!important;animation:none!important}}.about-page{max-width:900px}.about-hero{color:#fff;background:linear-gradient(135deg,#5b8def 0%,#4080ff 50%,#6ba6ff 100%);border-radius:18px;grid-template-columns:1fr;gap:16px;min-height:220px;padding:28px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #4080ff2e}.about-hero-content{z-index:2;flex-direction:column;gap:6px;max-width:60%;display:flex;position:relative}.about-hero-icon{color:#fff;background:#ffffff2e;border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:4px;display:grid}.about-hero-icon svg{width:22px;height:22px;display:block}.about-hero-title{letter-spacing:.5px;color:#fff;margin:0;font-size:28px;font-weight:700;line-height:1.2}.about-hero-subtitle{color:#fffffff2;margin:0;font-size:16px;font-weight:500;line-height:1.4}.about-hero-desc{color:#ffffffc7;margin:4px 0 12px;font-size:12px;line-height:1.4}.about-hero-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.about-hero-tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;line-height:1.4;display:inline-block}.about-hero-status{color:#ffffffd9;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:inline-flex}.about-hero-status-dot{background:#6effb0;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite aboutDotPulse;box-shadow:0 0 6px #6effb099}@keyframes aboutDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}.about-hero-decoration{pointer-events:none;z-index:1;width:50%;position:absolute;top:0;bottom:0;right:0}.about-hero-float{color:#1677ff;background:#fffffff2;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;font-size:11px;font-weight:600;animation:4s ease-in-out infinite aboutFloat;display:inline-flex;position:absolute;box-shadow:0 6px 18px #0000001a}.about-hero-float--1{animation-delay:0s;top:20px;right:24%}.about-hero-float--2{animation-delay:.6s;top:12px;right:6%}.about-hero-float--3{animation-delay:1.2s;top:60px;right:14%}.about-hero-float--4{animation-delay:.3s;bottom:50px;right:22%}.about-hero-float--5{animation-delay:.9s;bottom:30px;right:4%}.about-hero-float-icon{font-size:18px;line-height:1}.about-hero-float-label{font-size:10px;line-height:1}.about-hero-float-base{color:#fff9;width:140px;height:70px;position:absolute;bottom:6px;right:0}.about-hero-float-base svg{width:100%;height:100%;display:block}@keyframes aboutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.about-section{width:100%}.about-section-title{color:var(--legal-text);align-items:center;gap:6px;margin:4px 4px 10px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.about-section-title-icon{font-size:15px;line-height:1}.about-intro-grid{border:1px solid var(--legal-border);background:#fff;border-radius:14px;grid-template-columns:1fr 100px;align-items:center;gap:16px;margin-bottom:10px;padding:16px 18px;display:grid;box-shadow:0 4px 16px #0f172a0a}.about-intro-text p{color:var(--legal-text-secondary);margin:0;font-size:13px;line-height:1.75}.about-intro-illu{place-items:center;display:grid}.about-intro-illu svg{width:100%;max-width:120px;height:auto;display:block}.about-intro-features{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.about-intro-feature{border:1px solid var(--legal-border);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #0f172a08}.about-intro-feature-icon{background:var(--legal-primary-light);width:28px;height:28px;color:var(--legal-primary);border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;line-height:1;display:grid}.about-intro-feature-text{flex:1;min-width:0}.about-intro-feature-title{color:var(--legal-text);font-size:12.5px;font-weight:600;line-height:1.3}.about-intro-feature-desc{color:var(--legal-text-tertiary);margin-top:1px;font-size:11px;line-height:1.3}.about-values{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.about-value{border:1px solid var(--legal-border);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;padding:16px;display:flex;box-shadow:0 4px 16px #0f172a0a}.about-value-icon{border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:10px;font-size:18px;line-height:1;display:grid}.about-value--blue .about-value-icon{color:#1677ff;background:#e6f4ff}.about-value--green .about-value-icon{color:#389e0d;background:#f6ffed}.about-value--orange .about-value-icon{color:#d46b08;background:#fff7e6}.about-value-title{color:var(--legal-text);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3}.about-value-desc{color:var(--legal-text-secondary);margin:0;font-size:12px;line-height:1.65}.about-capability-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.about-capability{border:1px solid var(--legal-border);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;transition:border-color .15s,transform .2s;display:flex;box-shadow:0 2px 8px #0f172a08}.about-capability:hover{border-color:#1677ff4d;transform:translateY(-1px)}.about-capability-icon{background:var(--legal-primary-light);width:32px;height:32px;color:var(--legal-primary);border-radius:8px;flex-shrink:0;place-items:center;font-size:16px;line-height:1;display:grid}.about-capability-label{color:var(--legal-text);font-size:13px;font-weight:500;line-height:1.3}.about-reason-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.about-reason{border:1px solid var(--legal-border);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #0f172a08}.about-reason-icon{background:var(--legal-primary-light);width:32px;height:32px;color:var(--legal-primary);border-radius:8px;place-items:center;font-size:16px;line-height:1;display:grid}.about-reason-title{color:var(--legal-text);margin-top:2px;font-size:13.5px;font-weight:600;line-height:1.3}.about-reason-desc{color:var(--legal-text-secondary);margin:0;font-size:12px;line-height:1.6}.about-version-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.about-version{border:1px solid var(--legal-border);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #0f172a08}.about-version-icon{background:var(--legal-primary-light);width:28px;height:28px;color:var(--legal-primary);border-radius:8px;place-items:center;margin-bottom:4px;font-size:14px;line-height:1;display:grid}.about-version-label{color:var(--legal-text-tertiary);font-size:11.5px;line-height:1.3}.about-version-value{color:var(--legal-text);font-size:15px;font-weight:600;line-height:1.4}.about-version-extra{background:var(--legal-primary-light);color:var(--legal-primary);border-radius:999px;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:500;display:inline-block}.about-bottom-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.about-bottom-card{border:1px solid var(--legal-border);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;box-shadow:0 4px 16px #0f172a0a}.about-bottom-title{color:var(--legal-text);border-bottom:1px solid var(--legal-border);align-items:center;gap:6px;margin:0;padding-bottom:8px;font-size:14.5px;font-weight:600;line-height:1.4;display:flex}.about-bottom-title-icon{font-size:15px;line-height:1}.about-info-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.about-info-list li{flex-direction:column;gap:2px;padding:6px 0;display:flex}.about-info-label{color:var(--legal-text-tertiary);font-size:11.5px;line-height:1.4}.about-info-value{color:var(--legal-text);word-break:break-all;font-size:13px;line-height:1.5}.about-info-link{color:var(--legal-primary);text-decoration:none;transition:color .15s}.about-info-link:hover{color:#0958d9;text-decoration:underline}.about-contact-cta{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #1677ff40}.about-contact-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #1677ff59}.about-contact-cta:active{transform:scale(.98)}.about-contact-cta-icon{font-size:15px;line-height:1}@media (width<=900px){.about-page{max-width:100%}.about-hero{min-height:200px;padding:24px 20px}.about-hero-content{max-width:65%}.about-hero-title{font-size:24px}.about-intro-grid{grid-template-columns:1fr 90px}}@media (width<=560px){.about-hero{min-height:180px;padding:20px 18px}.about-hero-content{max-width:100%}.about-hero-title{font-size:22px}.about-hero-subtitle{font-size:14px}.about-hero-decoration{opacity:.65;width:40%}.about-hero-float{padding:6px 8px}.about-hero-float-icon{font-size:14px}.about-hero-float-label{font-size:9px}.about-intro-grid{grid-template-columns:1fr;padding:14px 16px}.about-intro-illu{display:none}.about-intro-features,.about-values,.about-capability-grid,.about-reason-grid,.about-version-row{grid-template-columns:repeat(2,1fr)}.about-bottom-grid{grid-template-columns:1fr}.about-section-title{font-size:14px}}@media (width<=380px){.about-hero{padding:16px 14px}.about-hero-title{font-size:20px}.about-hero-tags{gap:4px}.about-hero-tag{padding:3px 9px;font-size:11px}.about-intro-features{grid-template-columns:1fr 1fr;gap:6px}.about-intro-feature{padding:8px 10px}.about-values,.about-capability-grid,.about-reason-grid,.about-version-row{grid-template-columns:1fr}.about-bottom-card{padding:14px 16px}}.me-page{max-width:100%;padding:16px 0 calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 20px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.me-user-card{color:var(--text);background:linear-gradient(135deg,#e6f0ff 0%,#f0f5ff 50%,#e6f0ff 100%);border:1px solid #1677ff14;border-radius:20px;align-items:center;gap:16px;min-height:96px;padding:22px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #0f172a0d}.me-user-card-decoration{pointer-events:none;z-index:0;position:absolute;inset:0}.me-user-card-decoration svg{opacity:.9;width:200px;height:200px;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.me-user-card-main,.me-user-card-actions{z-index:1;position:relative}.me-user-card-main{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.me-user-avatar{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:grid;box-shadow:0 4px 12px #1677ff2e}.me-user-avatar--guest{box-shadow:none;color:#fff;background:#cbd5e1}.me-user-avatar--image{background:var(--bg);padding:0;overflow:hidden}.me-user-avatar--image img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.me-user-avatar svg{width:100%;height:100%}.me-user-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.me-user-name{letter-spacing:.2px;color:var(--text);word-break:break-all;font-size:18px;font-weight:600;line-height:1.3}.me-user-subtitle{color:var(--text-secondary);word-break:break-all;font-size:13px;line-height:1.4}.me-user-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.me-user-tag{color:var(--primary);background:#1677ff1a;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.me-user-tag--pro{color:#fff;background:linear-gradient(135deg,#722ed1 0%,#a855f7 100%)}.me-user-tag--basic{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#0958d9 100%)}.me-user-cta-primary{z-index:1;background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 4px 12px #1677ff40}.me-user-cta-primary:hover{background:#0958d9;box-shadow:0 6px 16px #1677ff52}.me-user-cta-primary:active{transform:scale(.98)}.me-user-cta-primary:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.me-user-cta-secondary{z-index:1;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #1677ff33;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex;position:relative}.me-user-cta-secondary:hover{background:#1677ff14}.me-user-cta-secondary:active{transform:scale(.98)}.me-quick-actions{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 8px;display:grid;box-shadow:0 6px 24px #0f172a0d}.me-quick-action{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:80px;padding:8px 4px;font-family:inherit;transition:transform .2s,background .15s;display:flex}.me-quick-action:hover{background:var(--bg);transform:translateY(-2px)}.me-quick-action:active{transform:scale(.98)}.me-quick-action-icon{border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.me-quick-action-icon svg{width:24px;height:24px;display:block}.me-quick-action-label{color:var(--text);white-space:nowrap;font-size:13px;font-weight:500;line-height:1.2}.me-section-card{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0f172a0d}.me-section-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 4px;display:flex}.me-section-title{color:var(--text);margin:0;font-size:15px;font-weight:600}.me-section-action{flex-shrink:0}.me-section-body{padding:4px 20px 16px}:is(.me-section-body:has(.me-favorites-grid),.me-section-body:has(.quota-grid)){padding-top:4px;padding-bottom:16px}.me-list-group{flex-direction:column;display:flex}.me-list-row{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:12px;min-height:48px;padding:14px 20px;font-family:inherit;font-size:15px;transition:background .15s;display:flex}.me-list-row:last-child{border-bottom:0}.me-list-row:hover:not(:disabled){background:var(--bg)}.me-list-row:active:not(:disabled){background:var(--primary-light)}.me-list-row.danger{color:var(--danger)}.me-list-icon{text-align:center;flex-shrink:0;width:24px;font-size:20px;line-height:1}.me-list-label{flex:1;font-weight:500}.me-list-hint{color:var(--text-tertiary);white-space:nowrap;font-size:12px}.me-list-trailing{color:var(--text-secondary);flex-shrink:0;font-size:13px}.me-list-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:22px;line-height:1}.me-link-button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:4px 0;font-family:inherit;font-size:13px}.me-link-button:hover{text-decoration:underline}.me-favorites-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.me-orders-list{margin:0;padding:0;list-style:none}.me-orders-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.me-orders-row:last-child{border-bottom:0}.me-orders-row-main{flex:1;min-width:0}.me-orders-row-title{color:var(--text);font-size:14px;font-weight:500}.me-orders-row-sub{color:var(--text-tertiary);margin-top:2px;font-size:12px}.me-orders-row-amount{color:var(--text);flex-shrink:0;font-size:14px;font-weight:600}.me-empty-state{align-items:center;gap:16px;padding:20px 8px;display:flex}.me-empty-state--compact{padding:12px 4px}.me-empty-state-illus{flex-shrink:0;place-items:center;width:140px;display:grid}.me-empty-state-illus svg{width:100%;max-width:160px;height:auto;display:block}.me-empty-state-content{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.me-empty-state-title{color:var(--text);margin:0;font-size:15px;font-weight:600;line-height:1.4}.me-empty-state-subtitle{color:var(--text-tertiary);margin:0;font-size:13px;line-height:1.5}.me-empty-state-action{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:36px;margin-top:8px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.me-empty-state-action:hover{background:#0958d9}.me-empty-state-action:active{transform:scale(.98)}.me-empty-block{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;display:flex}.me-empty-block--compact{padding:16px 12px}.me-empty-emoji{font-size:36px;line-height:1}.me-empty-text{color:var(--text-tertiary);margin:0;font-size:13px}.me-more-info-list{flex-direction:column;margin:0 -4px;display:flex}.me-more-info-row{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:14px;min-height:64px;padding:12px 16px;font-family:inherit;transition:background .15s,transform .2s;display:flex}.me-more-info-row:last-child{border-bottom:0}.me-more-info-row:hover{background:var(--bg)}.me-more-info-row:active{transform:scale(.99)}.me-more-info-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.me-more-info-icon svg{width:22px;height:22px;display:block}.me-more-info-row--blue .me-more-info-icon{color:#1677ff;background:#1677ff1f}.me-more-info-row--green .me-more-info-icon{color:#10b981;background:#10b9811f}.me-more-info-row--purple .me-more-info-icon{color:#8b5cf6;background:#8b5cf61f}.me-more-info-row--orange .me-more-info-icon{color:#f59e0b;background:#f59e0b1f}.me-more-info-row--red{color:var(--danger)}.me-more-info-row--red .me-more-info-icon{color:#ef4444;background:#ef44441f}.me-more-info-row--red .me-more-info-label{color:var(--danger)}.me-more-info-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.me-more-info-label{color:var(--text);font-size:16px;font-weight:500;line-height:1.3}.me-more-info-hint{color:var(--text-tertiary);font-size:13px;line-height:1.4}.me-more-info-chevron{color:var(--text-tertiary);flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;line-height:1}.me-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;animation:.15s meFadeIn;display:flex;position:fixed;inset:0}@keyframes meFadeIn{0%{opacity:0}to{opacity:1}}.me-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:90vh;animation:.2s meSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000002e}@keyframes meSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.me-modal--sm{max-width:380px}.me-modal--md{max-width:480px}.me-modal--lg{max-width:640px}.me-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.me-modal-header h3{margin:0;font-size:16px;font-weight:600}.me-modal-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:32px;min-height:32px;padding:4px 8px;font-size:24px;line-height:1}.me-modal-close:hover{background:var(--bg)}.me-modal-body{padding:20px;overflow-y:auto}.me-orders-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.me-orders-table-wrap .order-table{min-width:640px}.me-faq-list{flex-direction:column;display:flex}.me-faq-item{border-bottom:1px solid var(--border)}.me-faq-item:last-child{border-bottom:0}.me-faq-trigger{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:14px 0;font-family:inherit;font-size:14px;font-weight:500;display:flex}.me-faq-trigger:hover{color:var(--primary)}.me-faq-q{flex:1}.me-faq-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:16px;transition:transform .2s}.me-faq-chevron.open{color:var(--primary);transform:rotate(180deg)}.me-faq-a{color:var(--text-secondary);padding:0 0 14px;font-size:13px;line-height:1.7}.me-sub-page{max-width:100%;padding:16px 0 calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 20px);margin:0 auto}.me-sub-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.me-sub-back{cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;font-family:inherit;transition:transform .2s,opacity .15s;display:inline-grid}.me-sub-back:hover{opacity:.75}.me-sub-back:active{transform:scale(.92)}.me-sub-back-icon{pointer-events:none;width:22px;height:22px;display:block}.me-sub-title{margin:0;font-size:22px;font-weight:600}@media (width<=560px){.me-page{padding:12px 0 calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);gap:12px}.me-user-card{gap:12px;padding:18px 16px}.me-user-avatar{width:48px;height:48px;font-size:20px}.me-user-name{font-size:16px}.me-user-subtitle{font-size:12px}.me-user-cta-primary,.me-user-cta-secondary{padding:8px 14px;font-size:13px}.me-stat-item{min-height:80px;padding:12px 4px}.me-stat-label{font-size:11px}.me-stat-value{font-size:14px}.me-quick-actions{gap:8px;padding:12px 4px}.me-quick-action{min-height:72px}.me-quick-action-icon{width:40px;height:40px}.me-quick-action-icon svg{width:22px;height:22px}.me-quick-action-label{font-size:12px}.me-section-header{padding:14px 16px 4px}.me-section-body{padding:4px 16px 12px}.me-list-row{padding:12px 16px;font-size:14px}.me-favorites-grid{grid-template-columns:repeat(3,1fr);gap:8px}.me-empty-state{gap:12px;padding:16px 4px}.me-empty-state-illus{width:110px}.me-more-info-row{gap:12px;min-height:60px;padding:10px 14px}.me-more-info-icon{border-radius:10px;width:36px;height:36px}.me-more-info-icon svg{width:20px;height:20px}.me-more-info-label{font-size:15px}.me-more-info-hint{font-size:12px}.me-sub-title{font-size:18px}}@media (width<=380px){.me-page{padding:10px 0 calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 16px);gap:10px}.me-user-card{gap:10px;padding:14px 12px}.me-user-avatar{width:44px;height:44px;font-size:18px}.me-user-name{font-size:15px}.me-user-subtitle{font-size:11px}.me-user-cta-primary,.me-user-cta-secondary{padding:6px 12px;font-size:12px}.me-quick-actions{gap:4px;padding:8px 2px}.me-quick-action{min-height:64px;padding:4px 0}.me-quick-action-icon{width:36px;height:36px}.me-quick-action-icon svg{width:20px;height:20px}.me-quick-action-label{font-size:11px}.me-section-header{padding:12px 14px 4px}.me-section-title{font-size:14px}.me-section-body{padding:4px 14px 10px}.me-list-row{min-height:44px;padding:11px 14px;font-size:13px}.me-list-icon{font-size:18px}.me-favorites-grid{gap:6px}.me-empty-state{text-align:center;flex-direction:column;gap:8px;padding:16px 0}.me-empty-state-content{align-items:center}.me-empty-state-illus{width:100px}.me-empty-state-title{font-size:14px}.me-empty-state-subtitle{font-size:12px}.me-more-info-row{gap:10px;min-height:56px;padding:10px 12px}.me-more-info-icon{border-radius:8px;width:32px;height:32px}.me-more-info-icon svg{width:18px;height:18px}.me-more-info-label{font-size:14px}.me-more-info-hint{font-size:11px}.me-modal-overlay{padding:12px}.me-modal{border-radius:14px}.me-modal-header{padding:14px 16px}.me-modal-body{padding:16px}}@media (prefers-reduced-motion:reduce){.me-quick-action,.me-more-info-row,.me-empty-state-action,.me-user-cta-primary,.me-user-cta-secondary,.me-modal,.me-modal-overlay{transition:none!important;animation:none!important}}:root{--ad-bg:#0f172a;--ad-bg-soft:#1e293b;--ad-surface:#fff;--ad-surface-soft:#f8fafc;--ad-border:#e2e8f0;--ad-border-strong:#cbd5e1;--ad-text:#0f172a;--ad-text-soft:#475569;--ad-text-muted:#94a3b8;--ad-primary:#2563eb;--ad-primary-soft:#dbeafe;--ad-success:#10b981;--ad-warning:#f59e0b;--ad-danger:#ef4444;--ad-radius:8px;--ad-radius-lg:12px;--ad-shadow-sm:0 1px 2px #0f172a0f;--ad-shadow:0 4px 12px #0f172a14}.admin-page{color:var(--ad-text);background:var(--ad-surface-soft);min-height:100vh;font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}.admin-login{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-card{background:var(--ad-surface);border-radius:var(--ad-radius-lg);width:380px;padding:36px 32px;box-shadow:0 20px 60px #0006}.admin-login-title{margin:0 0 4px;font-size:20px;font-weight:600}.admin-login-sub{color:var(--ad-text-muted);margin:0 0 24px;font-size:13px}.admin-code-row{grid-template-columns:minmax(0,1fr) 112px;gap:10px;display:grid}.admin-code-input{letter-spacing:.12em;min-width:0}.admin-code-send{border:1px solid var(--ad-border-strong);border-radius:var(--ad-radius);min-height:40px;color:var(--ad-primary);background:var(--ad-primary-soft);white-space:nowrap;padding:8px 10px;font-size:13px;font-weight:600}.admin-code-send:disabled{color:var(--ad-text-muted);background:var(--ad-surface-soft);cursor:not-allowed}.admin-code-hint{color:var(--ad-text-muted);font-size:12px}.admin-login-note{color:var(--ad-text-muted);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.7}.admin-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:var(--ad-bg);color:#cbd5e1;flex-direction:column;padding:20px 0;display:flex}.admin-sidebar-brand{border-bottom:1px solid #ffffff14;margin-bottom:12px;padding:0 20px 20px}.admin-sidebar-brand h1{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.admin-sidebar-brand small{color:var(--ad-text-muted);margin-top:4px;font-size:11px;display:block}.admin-sidebar nav{flex:1;overflow-y:auto}.admin-sidebar nav button{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 20px;font-size:13px;transition:all .15s;display:flex}.admin-sidebar nav button:hover{color:#fff;background:#ffffff0a}.admin-sidebar nav button.active{color:#fff;border-left-color:var(--ad-primary);background:#2563eb1f}.admin-sidebar-footer{color:var(--ad-text-muted);border-top:1px solid #ffffff14;padding:16px 20px;font-size:12px}.admin-sidebar-user-badge{background:var(--ad-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1px 6px;font-size:10px}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-topbar{background:var(--ad-surface);border-bottom:1px solid var(--ad-border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.admin-topbar h2{margin:0;font-size:18px}.admin-topbar-title{align-items:center;gap:12px;min-width:0;display:flex}.admin-mobile-nav{display:none}.admin-back-home{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;text-decoration:none;transition:transform .2s,opacity .15s;display:inline-grid}.admin-back-home:hover{opacity:.75}.admin-back-home:active{transform:scale(.92)}.admin-back-home-icon{pointer-events:none;width:20px;height:20px;display:block}.admin-content{flex:1;min-width:0;padding:24px}.admin-card{background:var(--ad-surface);border:1px solid var(--ad-border);border-radius:var(--ad-radius-lg);box-shadow:var(--ad-shadow-sm);margin-bottom:16px;padding:20px}.admin-card h3{margin:0 0 12px;font-size:15px}.admin-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-card-head h3{margin:0}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.admin-stat{background:var(--ad-surface);border:1px solid var(--ad-border);border-radius:var(--ad-radius-lg);padding:18px}.admin-stat-label{color:var(--ad-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px}.admin-stat-value{color:var(--ad-text);font-size:26px;font-weight:700}.admin-stat-delta{color:var(--ad-text-muted);margin-top:4px;font-size:12px}.admin-stat-delta.up{color:var(--ad-success)}.admin-stat-delta.down{color:var(--ad-danger)}.capability-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-card .admin-card-head{align-items:flex-start}.capability-card .admin-card-head p{color:var(--ad-text-muted);margin:6px 0 0;font-size:13px}.admin-table-wrap{overflow-x:auto}.capability-table{min-width:1040px;margin-top:12px}.capability-table td{vertical-align:middle}.capability-table tr.is-disabled td{opacity:.58;background:#f8fafc}.capability-table code{white-space:nowrap}.capability-name-input{min-width:155px}.capability-table small{color:var(--ad-text-muted);margin-top:5px;font-size:11px;display:block}.capability-switch{align-items:center;gap:7px;min-width:112px;display:inline-flex}.capability-switch b{color:var(--ad-text-soft);font-size:12px;font-weight:600}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--ad-border);padding:10px 12px}.admin-table th{background:var(--ad-surface-soft);color:var(--ad-text-soft);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.admin-table tr:hover td{background:var(--ad-surface-soft)}.admin-table tr:last-child td{border-bottom:0}.admin-table code{color:var(--ad-text-muted);background:var(--ad-surface-soft);border-radius:4px;padding:1px 6px;font-size:12px}.admin-tag{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.admin-tag.pending{color:#92400e;background:#fef3c7}.admin-tag.paid,.admin-tag.active,.admin-tag.succeeded{color:#065f46;background:#d1fae5}.admin-tag.failed,.admin-tag.banned{color:#991b1b;background:#fee2e2}.admin-tag.cancelled,.admin-tag.expired,.admin-tag.cancel_pending{color:#475569;background:#e2e8f0}.admin-tag.refunded{color:#1e40af;background:#dbeafe}.admin-tag.processed{color:#065f46;background:#d1fae5}.admin-tag.queued{color:#92400e;background:#fef3c7}.admin-tag.sent{color:#065f46;background:#d1fae5}.admin-tag.partial{color:#92400e;background:#fef3c7}.admin-form-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-form-row label{color:var(--ad-text-soft);min-width:80px;font-size:13px}.admin-input,.admin-select{border:1px solid var(--ad-border-strong);border-radius:var(--ad-radius);background:var(--ad-surface);outline:none;padding:6px 8px;font-size:12px;transition:border-color .15s}.admin-input:focus,.admin-select:focus{border-color:var(--ad-primary);box-shadow:0 0 0 3px #2563eb1a}.admin-textarea{border:1px solid var(--ad-border-strong);border-radius:var(--ad-radius);resize:vertical;width:100%;min-height:80px;padding:8px 10px;font-family:inherit;font-size:13px}.admin-btn{background:var(--ad-primary);color:#fff;border-radius:var(--ad-radius);cursor:pointer;border:0;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:all .15s;display:inline-flex}.admin-btn:hover{background:#1d4ed8}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn.ghost{color:var(--ad-text);border:1px solid var(--ad-border-strong);background:0 0}.admin-btn.ghost:hover{background:var(--ad-surface-soft)}.admin-btn.danger{background:var(--ad-danger)}.admin-btn.danger:hover{background:#dc2626}.admin-btn.success{background:var(--ad-success)}.admin-btn.warning{background:var(--ad-warning)}.admin-btn.sm{padding:4px 10px;font-size:12px}.admin-alert{border-radius:var(--ad-radius);align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.admin-alert.info{background:var(--ad-primary-soft);color:#1e40af}.admin-alert.error{color:#991b1b;background:#fee2e2}.admin-alert.success{color:#065f46;background:#d1fae5}.admin-alert.warning{color:#92400e;background:#fef3c7}.admin-modal-mask{z-index:100;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:var(--ad-surface);border-radius:var(--ad-radius-lg);width:100%;max-width:480px;padding:24px;box-shadow:0 20px 50px #0f172a4d}.admin-modal h3{margin-top:0}.admin-loading{text-align:center;color:var(--ad-text-muted);padding:40px;font-size:13px}.admin-tabs{border-bottom:1px solid var(--ad-border);gap:4px;margin-bottom:16px;display:flex}.admin-tabs button{cursor:pointer;color:var(--ad-text-soft);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px}.admin-tabs button.active{color:var(--ad-primary);border-bottom-color:var(--ad-primary);font-weight:500}.admin-pagination{color:var(--ad-text-soft);justify-content:space-between;align-items:center;padding:12px 0;font-size:13px;display:flex}.admin-pagination-buttons{gap:6px;display:flex}.admin-drawer-mask{z-index:50;background:#0f172a4d;position:fixed;inset:0}.admin-drawer{background:var(--ad-surface);z-index:51;flex-direction:column;width:520px;max-width:90vw;animation:.2s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0f172a26}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.admin-drawer-head{border-bottom:1px solid var(--ad-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.admin-drawer-head h3{margin:0;font-size:15px}.admin-drawer-body{flex:1;padding:20px;overflow-y:auto}.admin-kv{grid-template-columns:120px 1fr;gap:8px 12px;margin-bottom:16px;font-size:13px;display:grid}.admin-kv dt{color:var(--ad-text-muted);font-size:12px}.admin-kv dd{color:var(--ad-text);word-break:break-all;margin:0}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-mobile-nav{border:1px solid var(--ad-border-strong);border-radius:var(--ad-radius);background:var(--ad-surface);min-width:180px;max-width:min(62vw,280px);color:var(--ad-text);padding:7px 30px 7px 10px;display:block}.admin-card{overflow-x:auto}}@media (width<=560px){.admin-login{padding:16px}.admin-login-card{width:100%;max-width:380px;padding:26px 20px}.admin-code-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px}.admin-topbar{gap:8px;padding:10px 12px}.admin-topbar-title{flex-direction:column;flex:1;align-items:flex-start;gap:5px}.admin-topbar h2{font-size:15px}.admin-mobile-nav{width:100%;min-width:0;max-width:230px;font-size:12px}.admin-content{padding:12px}.admin-card{padding:14px 12px}.admin-stats{grid-template-columns:1fr 1fr;gap:8px}.admin-stat{padding:12px}.admin-stat-value{font-size:21px}.admin-form-row{align-items:stretch}.admin-form-row label,.admin-input,.admin-select{width:100%;min-width:0}.admin-table{min-width:640px}.admin-pagination{flex-wrap:wrap;gap:10px}.admin-drawer{width:100%;max-width:100vw}.admin-kv{grid-template-columns:88px minmax(0,1fr)}}.admin-subtabs{border-bottom:1px solid var(--ad-border);gap:4px;margin-bottom:16px;display:flex}.admin-subtabs button{color:var(--ad-text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px}.admin-subtabs button.active{color:var(--ad-primary);border-bottom-color:var(--ad-primary);font-weight:600}.admin-section-head,.admin-role-title-row,.admin-role-actions,.admin-modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-section-head h3,.admin-role-item h4{margin:0}.admin-section-head p,.admin-role-description{color:var(--ad-text-muted);margin:6px 0 0;font-size:13px}.admin-role-management{gap:16px;display:grid}.admin-role-list{gap:10px;margin-top:16px;display:grid}.admin-role-item{border:1px solid var(--ad-border);border-radius:var(--ad-radius);padding:14px}.admin-role-title-row>div:first-child{align-items:baseline;gap:10px;display:flex}.admin-role-actions{flex-wrap:wrap;justify-content:flex-end}.admin-role-scope{color:var(--ad-text-soft);margin-top:10px;font-size:13px}.admin-role-permissions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.admin-role-permissions span,.admin-status-tag{color:#475569;background:0 0;border:1px solid #dbe3ee;border-radius:4px;padding:3px 7px;font-size:12px}.admin-role-modal{width:min(760px,100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto}.admin-role-field{flex-direction:column;gap:5px;margin-bottom:12px;font-size:13px;display:flex}.admin-permission-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.admin-permission-matrix fieldset{border:1px solid var(--ad-border);border-radius:var(--ad-radius);padding:10px}.admin-permission-matrix legend{padding:0 5px;font-weight:600}.admin-permission-matrix label{align-items:center;gap:7px;padding:5px 0;font-size:13px;display:flex}.admin-modal-actions{justify-content:flex-end;margin-top:16px}.admin-switch{align-items:center;display:inline-flex}.admin-switch input{width:18px;height:18px}@media (width<=720px){.admin-section-head,.admin-role-title-row{flex-direction:column;align-items:flex-start}.admin-permission-matrix{grid-template-columns:1fr}}@media (width<=360px){.admin-stats{grid-template-columns:1fr}}.admin-sidebar-user{color:#fff;align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-sidebar-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex;box-shadow:0 2px 6px #2563eb4d}.admin-sidebar-user-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.admin-sidebar-user-email{text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;font-size:12px;overflow:hidden}.admin-sidebar-user-badge{background:var(--ad-primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:10px;font-weight:500}.admin-btn-logout{color:#fca5a5;border-radius:var(--ad-radius);cursor:pointer;background:#ef44441f;border:1px solid #ef444447;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.admin-btn-logout:hover{color:#fff;background:#ef444438;border-color:#ef444499;transform:translateY(-1px)}.admin-btn-logout-icon{font-size:14px;font-weight:700;line-height:1}.admin-toggle{cursor:pointer;flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.admin-toggle input{opacity:0;width:0;height:0;position:absolute}.admin-toggle-slider{background:#cbd5e1;border-radius:999px;transition:all .25s;position:absolute;inset:0;box-shadow:inset 0 1px 3px #0f172a26}.admin-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0f172a40,0 1px 2px #0f172a26}.admin-toggle input:checked+.admin-toggle-slider{background:var(--ad-success);box-shadow:inset 0 1px 3px #10b98133,0 0 0 3px #10b9811f}.admin-toggle input:checked+.admin-toggle-slider:before{transform:translate(22px);box-shadow:0 2px 6px #10b98166}.admin-toggle input:disabled+.admin-toggle-slider{opacity:.5;cursor:not-allowed}.admin-toggle input:focus-visible+.admin-toggle-slider{box-shadow:0 0 0 3px #2563eb40}.admin-flag-list{flex-direction:column;gap:10px;display:flex}.admin-flag-card{background:var(--ad-surface);border:1px solid var(--ad-border);border-radius:var(--ad-radius-lg);box-shadow:var(--ad-shadow-sm);justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.admin-flag-card:before{content:"";background:0 0;width:3px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.admin-flag-card.on{background:linear-gradient(90deg, #10b9810a 0%, var(--ad-surface) 40%);box-shadow:var(--ad-shadow-sm), 0 1px 0 #10b9811a}.admin-flag-card.on:before{background:var(--ad-success)}.admin-flag-card.off{background:var(--ad-surface-soft)}.admin-flag-card.off:before{background:var(--ad-text-muted)}.admin-flag-card:hover{border-color:var(--ad-border-strong);box-shadow:var(--ad-shadow);transform:translateY(-1px)}.admin-flag-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.admin-flag-key-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-flag-key{color:var(--ad-text);background:var(--ad-surface-soft);letter-spacing:.2px;border-radius:4px;padding:2px 8px;font-family:ui-monospace,SF Mono,Monaco,Consolas,monospace;font-size:12px;font-weight:600}.admin-flag-card.on .admin-flag-key{color:#047857;background:#10b9811f}.admin-flag-state-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.admin-flag-state-pill.on{color:#047857;background:#10b9811f}.admin-flag-state-pill.off{background:var(--ad-border);color:var(--ad-text-soft)}.admin-flag-state-pill.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.admin-flag-desc{color:var(--ad-text-soft);margin:0;font-size:13px;line-height:1.5}.admin-flag-value-input{width:200px}.admin-flag-action{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (width<=560px){.admin-flag-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.admin-flag-key{overflow-wrap:anywhere;max-width:100%}.admin-flag-action,.admin-flag-value-input{width:100%}.admin-flag-action{justify-content:flex-end}}.placeholder-admin{flex-direction:column;gap:16px;display:flex}.ph-meta{background:var(--ad-surface-soft);border:1px solid var(--ad-border);border-radius:var(--ad-radius);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px;padding:12px;display:grid}.ph-meta-item{flex-direction:column;gap:4px;display:flex}.ph-meta-label{color:var(--ad-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.ph-meta-value{color:var(--ad-primary);border:1px solid var(--ad-border);word-break:break-all;background:#fff;border-radius:4px;padding:4px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.ph-toolbar{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.admin-btn{color:var(--ad-text);border:1px solid var(--ad-border-strong);border-radius:var(--ad-radius);cursor:pointer;background:#fff;align-items:center;gap:4px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.admin-btn:hover{border-color:var(--ad-primary);color:var(--ad-primary)}.admin-btn-primary{background:var(--ad-primary);color:#fff;border-color:var(--ad-primary)}.admin-btn-primary:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.ph-hero-row{grid-template-columns:320px 1fr;align-items:stretch;gap:20px;display:grid}.ph-hero-preview{border-radius:var(--ad-radius);border:1px solid var(--ad-border);background-color:#1a2540;background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-end;width:100%;height:180px;padding:12px;display:flex;position:relative;overflow:hidden}.ph-hero-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0000004d 100%);position:absolute;inset:0}.ph-hero-label{z-index:1;color:#fff;background:#0000008c;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;position:relative}.ph-hero-actions{flex-direction:column;gap:10px;display:flex}.ph-tip{color:var(--ad-text-muted);margin:4px 0 0;font-size:12px;line-height:1.5}.ph-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:14px;display:grid}.ph-card{border:1px solid var(--ad-border);border-radius:var(--ad-radius);background:#fff;flex-direction:column;transition:all .15s;display:flex;position:relative;overflow:hidden}.ph-card:hover{border-color:var(--ad-primary);box-shadow:var(--ad-shadow);transform:translateY(-2px)}.ph-card-thumb{background-color:#a4d4ff;background-position:50%;background-size:cover;width:100%;height:110px;position:relative}.ph-card-idx{color:#fff;background:#0000008c;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.ph-card-name{color:var(--ad-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ph-card-id{color:var(--ad-text-muted);word-break:break-all;margin-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;display:block}.ph-card-del{color:#fff;cursor:pointer;opacity:0;background:#ef4444eb;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.ph-card:hover .ph-card-del{opacity:1}.ph-card-del:hover{background:#dc2626}.ph-thumb-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ph-thumb-actions .admin-btn{flex:auto;justify-content:center}.ph-thumb-remove{color:#dc2626}.ph-thumb-remove:disabled{cursor:not-allowed;opacity:.45}.ph-tabs{background:var(--ad-surface-soft);border-radius:8px;gap:4px;width:fit-content;margin:0 0 14px;padding:4px;display:flex}.ph-tabs button{color:var(--ad-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 14px}.ph-tabs button.active{color:var(--ad-primary);box-shadow:var(--ad-shadow);background:#fff}.ph-table-wrap{overflow-x:auto}.ph-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;font-size:12px}.ph-table th,.ph-table td{border-bottom:1px solid var(--ad-border);text-align:left;white-space:nowrap;padding:8px 6px}.ph-table th:first-child,.ph-table td:first-child{width:50px;padding-right:5px}.ph-table th:nth-child(2),.ph-table td:nth-child(2){padding-left:2px}.ph-table th{color:var(--ad-text-muted);background:var(--ad-surface-soft);font-size:12px;font-weight:600}.ph-table td small{color:var(--ad-text-muted);margin-top:3px;font-family:ui-monospace,monospace;font-size:10px;display:block}.ph-table-thumb{object-fit:cover;border:1px solid var(--ad-border);border-radius:7px;width:34px;height:34px;display:block}.ph-table-icon{color:var(--ad-primary);font-size:20px}.ph-table-select{width:120px;margin-right:2px}.ph-table .admin-input{width:100%;min-width:0;padding:3px 4px;font-size:10px}.ph-hero-table-thumb{width:42px;height:28px}.ph-hero-table-cell{align-items:center;gap:4px;display:flex}.ph-table-delete{color:#dc2626}.ph-drag-handle{color:var(--ad-text-muted);cursor:grab;margin-right:8px;font-size:12px;display:inline-block}.ph-table tbody tr[draggable=true]{cursor:grab}.ph-table tbody tr[draggable=true]:active{cursor:grabbing;opacity:.65}.website-management-page{max-width:1480px;margin:0 auto}.website-search{width:220px}.website-type{color:var(--ad-primary);background:#eff6ff;border-radius:5px;padding:4px 8px;font-size:12px}.ph-empty{text-align:center;color:var(--ad-text-muted);background:var(--ad-surface-soft);border:1px dashed var(--ad-border);border-radius:var(--ad-radius);margin-top:14px;padding:32px 16px;font-size:13px}@media (width<=720px){.ph-hero-row{grid-template-columns:1fr}}.mail-settings-page{max-width:1460px;margin:0 auto}.mail-overview{background:linear-gradient(120deg,#f7faff 0%,#eef5ff 62%,#f6f0ff 100%);border:1px solid #cfe0ff;border-radius:18px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:22px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #2563eb12}.mail-overview:after{content:"";background:#ffffff85;border-radius:50%;width:190px;height:190px;position:absolute;top:-80px;right:25%}.mail-overview-icon,.mail-section-icon{z-index:1;color:#fff;background:linear-gradient(145deg,#3b82f6,#2563eb);flex:none;place-items:center;display:grid;position:relative;box-shadow:0 8px 20px #2563eb38}.mail-overview-icon{border-radius:16px;width:54px;height:54px;font-size:25px}.mail-overview-copy{z-index:1;position:relative}.mail-overview-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mail-overview-copy h3{margin:0;font-size:19px}.mail-overview-copy p{color:var(--ad-text-soft);margin:6px 0 0;font-size:13px}.mail-status-pill{color:#64748b;background:#ffffffbf;border:1px solid #dbe3ef;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.mail-status-pill:before{content:"";background:#94a3b8;border-radius:50%;width:7px;height:7px}.mail-status-pill.active{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.mail-status-pill.active:before{background:#10b981;box-shadow:0 0 0 3px #10b9811f}.mail-master-switch{z-index:1;cursor:pointer;background:#ffffffb8;border:1px solid #ffffffe6;border-radius:14px;align-items:center;gap:14px;min-width:285px;padding:12px 14px;display:flex;position:relative;box-shadow:0 4px 12px #0f172a0d}.mail-master-switch>span{flex:1;gap:3px;display:grid}.mail-master-switch b{font-size:13px}.mail-master-switch small{color:var(--ad-text-muted);font-size:11px}.mail-master-switch input{opacity:0;pointer-events:none;position:absolute}.mail-master-switch i{background:#cbd5e1;border-radius:999px;flex:none;width:44px;height:24px;transition:all .2s;position:relative}.mail-master-switch i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a40}.mail-master-switch input:checked+i{background:var(--ad-primary)}.mail-master-switch input:checked+i:after{transform:translate(20px)}.mail-master-switch input:focus-visible+i{outline:3px solid #2563eb33}.mail-settings-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);align-items:start;gap:18px;display:grid}.mail-settings-page .admin-card{border-radius:18px;box-shadow:0 8px 28px #0f172a0e}.mail-config-card{padding:24px}.mail-side-column{gap:18px;display:grid}.mail-side-column .admin-card{margin:0}.mail-section-head{border-bottom:1px solid #edf1f7;align-items:center;gap:12px;padding-bottom:18px;display:flex}.mail-section-head.compact{padding-bottom:14px}.mail-section-head h3{margin:0 0 4px;font-size:15px}.mail-section-head p{color:var(--ad-text-muted);margin:0;font-size:12px}.mail-section-icon{border-radius:11px;width:38px;height:38px;font-size:17px}.mail-section-icon.green{background:linear-gradient(145deg,#34d399,#059669);box-shadow:0 7px 16px #05966933}.mail-section-icon.purple{background:linear-gradient(145deg,#a78bfa,#7c3aed);box-shadow:0 7px 16px #7c3aed33}.mail-form-section{border-bottom:1px solid #edf1f7;padding:19px 0}.mail-form-section h4{color:#334155;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:12px}.mail-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mail-form-grid--server{grid-template-columns:minmax(0,1fr) 130px minmax(200px,.65fr)}.mail-field{min-width:0;color:var(--ad-text-soft);gap:7px;font-size:12px;font-weight:600;display:grid}.mail-field .admin-input{width:100%;min-height:42px;padding:9px 12px}.mail-field small{color:var(--ad-text-muted);font-size:11px;font-weight:400;line-height:1.45}.mail-security-option{border:1px solid var(--ad-border);cursor:pointer;background:#f8fafc;border-radius:10px;align-self:end;align-items:center;gap:10px;min-height:42px;padding:7px 11px;display:flex}.mail-security-option input{opacity:0;pointer-events:none;position:absolute}.mail-security-option .mail-check{color:#0000;background:#fff;border:1px solid #cbd5e1;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.mail-security-option input:checked+.mail-check{color:#fff;background:var(--ad-primary);border-color:var(--ad-primary)}.mail-security-option>span:last-child{gap:1px;display:grid}.mail-security-option b{font-size:12px}.mail-security-option small{color:var(--ad-text-muted);font-size:10px}.mail-form-actions{justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.mail-form-actions .admin-btn{min-height:40px;padding:9px 18px}.mail-health-card,.mail-test-card{padding:20px}.mail-health-list{margin-top:6px;display:grid}.mail-health-list>div{border-bottom:1px solid #edf1f7;justify-content:space-between;gap:16px;padding:11px 0;font-size:12px;display:flex}.mail-health-list span{color:var(--ad-text-muted)}.mail-health-list b{text-overflow:ellipsis;white-space:nowrap;max-width:60%;color:var(--ad-text-soft);overflow:hidden}.mail-health-list b.ok{color:#059669}.mail-health-list b.warn{color:#d97706}.mail-health-list b.muted{color:#94a3b8}.mail-health-tip{color:#1e40af;background:#eff6ff;border-radius:9px;margin:14px 0 0;padding:10px 12px;font-size:11px;line-height:1.55}.mail-test-card .mail-field{margin-top:16px}.mail-send-test{justify-content:center;width:100%;min-height:40px;margin-top:12px}.placeholder-admin{gap:18px;max-width:1540px;margin:0 auto}.placeholder-admin .admin-card{border-radius:18px;margin-bottom:0;box-shadow:0 8px 28px #0f172a0e}.ph-overview-card{background:linear-gradient(115deg,#fff 0%,#f8fbff 68%,#eef6ff 100%);border-color:#d8e5f6;padding:20px 22px}.ph-overview-head{grid-template-columns:48px minmax(0,1fr) auto auto;gap:14px;margin:0;display:grid}.ph-overview-icon{color:#fff;background:linear-gradient(145deg,#60a5fa,#2563eb);border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;display:grid;box-shadow:0 8px 18px #2563eb33}.ph-overview-head h3{margin:0 0 5px;font-size:17px}.ph-overview-head p{color:var(--ad-text-muted);margin:0;font-size:12px}.ph-overview-status{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.ph-overview-status i{background:#10b981;border-radius:50%;width:7px;height:7px}.ph-toolbar{justify-content:flex-end;align-items:center;margin:0}.ph-panel{padding:22px}.ph-panel .admin-card-head{margin-bottom:18px}.ph-panel-title{align-items:center;gap:11px;display:flex}.ph-panel-title h3{margin:0 0 4px;font-size:15px}.ph-panel-title p{color:var(--ad-text-muted);margin:0;font-size:12px}.ph-panel-icon{color:#fff;background:linear-gradient(145deg,#8b5cf6,#6d28d9);border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;display:grid;box-shadow:0 7px 16px #6d28d92e}.ph-panel-icon.orange{background:linear-gradient(145deg,#fb923c,#ea580c);box-shadow:0 7px 16px #ea580c2e}.ph-spec-pill{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.ph-hero-row{grid-template-columns:minmax(340px,.92fr) minmax(280px,1.08fr);gap:22px}.ph-hero-preview{border:0;border-radius:14px;height:226px;box-shadow:inset 0 0 0 1px #ffffff47,0 12px 28px #0f172a24}.ph-hero-label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172aa8;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.ph-hero-label i{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #34d39933}.ph-hero-actions{background:linear-gradient(145deg,#f8fbff,#f1f6ff);border:1px dashed #bfdbfe;border-radius:14px;justify-content:center;padding:20px}.ph-upload-copy{align-items:center;gap:12px;margin-bottom:4px;display:flex}.ph-upload-copy>div{gap:3px;display:grid}.ph-upload-copy b{font-size:14px}.ph-upload-copy small{color:var(--ad-text-muted);font-size:11px}.ph-upload-icon{color:#2563eb;background:#dbeafe;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:grid}.ph-upload-btn{justify-content:center;min-height:40px}.ph-tools-panel{padding-bottom:24px}.ph-add-btn{color:var(--ad-primary);background:#f8fbff}.ph-grid{grid-template-columns:repeat(8,minmax(128px,1fr));gap:12px;margin-top:0}.ph-card{border-color:#dce5f0;border-radius:13px;min-width:0;box-shadow:0 3px 10px #0f172a09}.ph-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #2563eb1a}.ph-card-thumb{height:102px}.ph-card-thumb:after{content:"";background:linear-gradient(#0f172a08,#0f172a1f);position:absolute;inset:0}.ph-card-idx{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:3px 7px;top:7px;left:7px}.ph-card-tool-icon{z-index:2;color:#fff;background:#1e405ad1;border-radius:12px;place-items:center;min-width:40px;height:40px;padding:0 8px;font-size:15px;font-weight:700;display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 5px 12px #0f172a2e}.ph-card-body{padding:10px}.ph-card-field-label{color:var(--ad-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.ph-card-body .admin-select{width:100%;min-width:0;height:36px;padding:6px 8px}.ph-thumb-btn{justify-content:center;width:100%;margin-top:8px}.ph-card-del{z-index:3;opacity:1;transform:scale(.88)}.tasks-page{max-width:none}.task-stats-row{scrollbar-width:thin;grid-template-columns:repeat(9,minmax(150px,1fr));gap:12px;margin-bottom:18px;padding:2px 2px 8px;display:grid;overflow-x:auto}.task-stat{border-radius:16px;align-items:center;gap:11px;min-width:150px;min-height:104px;padding:15px 13px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0f172a0d}.task-stat:after{content:"";opacity:.035;background:currentColor;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-32px;right:-22px}.task-stat-icon{color:currentColor;background:color-mix(in srgb, currentColor 12%, white);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid}.task-stat-copy{min-width:0}.task-stat .admin-stat-label{color:var(--ad-text-muted);white-space:normal;margin-bottom:5px;font-size:10px;line-height:1.25}.task-stat .admin-stat-value{white-space:nowrap;font-size:clamp(19px,1.65vw,25px);line-height:1.1}.task-stat--amber{color:#d97706}.task-stat--green{color:#059669}.task-stat--blue{color:#2563eb}.task-stat--purple{color:#7c3aed}.task-stat--cyan{color:#0891b2}.task-stat--red{color:#dc2626}.task-stat--indigo{color:#4f46e5}.task-stat--pink{color:#db2777}.task-stat--teal{color:#0f766e}.task-activity-card{border-radius:18px;padding:0;overflow:hidden;box-shadow:0 8px 28px #0f172a0e}.task-activity-head{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 14px;display:flex}.task-activity-head h3{margin:0 0 4px}.task-activity-head p{color:var(--ad-text-muted);margin:0;font-size:12px}.task-activity-card .admin-tabs{margin:0;padding:0 20px 14px}.task-activity-card .admin-table th:first-child,.task-activity-card .admin-table td:first-child{padding-left:20px}.task-activity-card .admin-table th:last-child,.task-activity-card .admin-table td:last-child{padding-right:20px}.task-activity-card>.admin-loading{place-items:center;min-height:150px;display:grid}@media (width<=1320px){.mail-settings-layout{grid-template-columns:minmax(0,1.45fr) minmax(285px,.75fr)}.ph-grid{grid-template-columns:repeat(6,minmax(132px,1fr))}}@media (width<=1050px){.mail-settings-layout{grid-template-columns:1fr}.mail-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-form-grid--server{grid-template-columns:minmax(0,1fr) 120px}.mail-security-option{grid-column:1/-1}.ph-grid{grid-template-columns:repeat(4,minmax(132px,1fr))}}@media (width<=760px){.mail-overview{grid-template-columns:46px minmax(0,1fr);padding:18px}.mail-overview-icon{width:46px;height:46px}.mail-master-switch{grid-column:1/-1;width:100%;min-width:0}.mail-form-grid,.mail-form-grid--server,.mail-side-column{grid-template-columns:1fr}.mail-security-option{grid-column:auto}.mail-form-actions{flex-direction:column-reverse}.mail-form-actions .admin-btn{justify-content:center;width:100%}.ph-overview-head{grid-template-columns:44px minmax(0,1fr)}.ph-overview-status{justify-self:start}.ph-toolbar{grid-column:1/-1;justify-content:stretch}.ph-toolbar .admin-btn{flex:1;justify-content:center}.ph-panel .admin-card-head{flex-direction:column;align-items:flex-start;gap:12px}.ph-hero-row{grid-template-columns:1fr}.ph-hero-preview{height:190px}.ph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-activity-head{align-items:flex-start}}@media (width<=900px){.ph-hero-row{grid-template-columns:1fr}.ph-hero-preview{height:210px}}@media (width<=420px){.ph-grid{grid-template-columns:1fr}.ph-card-thumb{height:140px}}:root{--primary:#1677ff;--primary-light:#eaf3ff;--primary-dark:#0958d9;--text:#172033;--text-secondary:#596579;--text-tertiary:#9099a8;--border:#e9edf3;--bg:#f7f9fc;--white:#fff;--danger:#ff4d4f;--success:#52c41a;--warning:#faad14;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow:0 12px 35px #2c69c512;--shadow-hover:0 14px 35px #24365c12;--header-height:68px;--header-height-mobile:56px;--tabbar-height:56px;--max-width:1180px;--font-sans:Inter, "PingFang SC", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0}#root{min-width:0;min-height:100vh}img,video,canvas,svg{max-width:100%}button,input,textarea,select{font:inherit}button{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;border:0;padding:9px 16px;transition:all .2s}button:hover{filter:brightness(.96)}button.primary{background:var(--primary);color:var(--white)}button.primary:hover{background:var(--primary-dark)}button.fav{color:var(--text-tertiary);background:0 0;font-size:18px}button.fav.on{color:#ffb800}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;padding:12px 16px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.page{flex-direction:column;min-height:100vh;display:flex}.main{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:32px 20px}.section{margin-bottom:32px}.section h2{margin-bottom:16px;font-size:22px}.empty{color:var(--text-tertiary);padding:32px 0}.tool-page{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.back{background:var(--white);border:1px solid var(--border)}.tool-title{flex:1;align-items:center;gap:14px;display:flex}.tool-title>div{flex-flow:wrap;align-items:baseline;gap:12px;display:flex}.tool-title h1{margin:0;font-size:26px}.tool-title p{color:var(--text-secondary);margin:0}.tool-body{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.tool-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.btn-label{background:var(--primary-light);color:var(--primary);cursor:pointer;border-radius:10px;padding:9px 16px;font-size:14px;transition:all .2s;display:inline-block}.btn-label:hover{filter:brightness(.96)}.btn-label input[type=file]{display:none}.tool-error{color:var(--danger);margin-bottom:12px}.placeholder{color:var(--text-tertiary)}.tool-panes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tool-panes textarea,.tool-panes .tool-preview{border:1px solid var(--border);border-radius:12px;width:100%;min-height:480px;max-height:calc(100vh - 320px);padding:18px;line-height:1.7;overflow:hidden auto}.tool-panes textarea{resize:vertical}.tool-preview{background:#fafbfc}.tool-preview pre{white-space:pre-wrap;margin:0}.tool-help{background:var(--primary-light);border-radius:var(--radius-lg);margin-top:20px;padding:18px}.tool-help h4{margin:0 0 8px}.tool-help p{color:var(--text-secondary);margin:0}.privacy-tip{font-size:13px;margin-top:8px!important}.error-boundary{text-align:center;background:var(--white);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow);margin:80px auto;padding:32px}.error-boundary pre{text-align:left;background:var(--bg);border-radius:var(--radius-sm);color:var(--danger);padding:12px;overflow:auto}@media (width<=900px){.tool-panes{grid-template-columns:1fr}.tool-panes textarea,.tool-panes .tool-preview{min-height:320px;max-height:calc(100vh - 280px)}}@media (width<=767px){html,body,#root,.page{width:100%;max-width:100%;overflow-x:clip}.main--home{padding:0}}@media (width<=560px){html,body,#root,.page{width:100%;max-width:100%;overflow-x:clip}.main{min-width:0;padding:20px 10px}.main--home{padding:0}.section{margin-bottom:24px}.section h2{margin-bottom:12px;font-size:18px}.tool-title h1{font-size:20px}.tool-header,.tool-title,.tool-body,.tool-panes,input,textarea,select{min-width:0;max-width:100%}.tool-body{padding:16px 12px}}@media (width<=380px){.main{padding:16px 8px}.main.main--home{padding:0}.section{margin-bottom:20px}.section h2{font-size:17px}}