:root{--page-bg: #f5f5f7;--panel-bg: #ffffff;--text-main: #1d1d1f;--text-sub: #6e6e73;--text-muted: #86868b;--border: rgba(0, 0, 0, .08);--brand: #0071e3;--brand-hover: #0077ed;--dark: #111111;--shadow-soft: 0 24px 70px rgba(0, 0, 0, .1);--shadow-control: 0 12px 28px rgba(0, 113, 227, .22);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;background:var(--page-bg);color:var(--text-main)}body{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.page{min-height:100dvh;background:var(--page-bg)}.page.is-home-route{height:100dvh;overflow:hidden}.site-header-shell{position:sticky;top:0;z-index:20}.site-header{display:flex;align-items:center;justify-content:center;background:#f5f5f7eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:80px}.page-content{display:grid;gap:28px;padding-bottom:28px}.page-content.is-home-page-content{gap:0;padding-bottom:0}.home-view{height:calc(100dvh - 80px);overflow:hidden}.home-view .screen{height:100%;padding:12px 0 18px}.header-inner{display:flex;align-items:center;justify-content:space-between;width:min(1440px,calc(100% - 64px));height:100%;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:0;white-space:nowrap}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 8px 22px #0000000f}.brand-mark img{display:block;width:20px;height:20px}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:42px;height:42px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#ffffffe0;cursor:pointer;padding:0}.menu-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:#1f2937}.mobile-nav-backdrop,.mobile-nav-drawer{display:none}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,34px);color:#313136;font-size:15px;font-weight:500;white-space:nowrap}.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 2px;transition:color .16s ease}.nav a:hover,.nav a.active{color:var(--brand)}.screen{display:grid;align-items:center;width:min(1440px,calc(100% - 64px));margin:0 auto;padding:clamp(18px,4vh,42px) 0}.content-section{width:min(1440px,calc(100% - 64px));margin:0 auto}.section-shell{border:1px solid rgba(0,0,0,.08);border-radius:32px;background:#ffffffd1;box-shadow:0 18px 48px #0f172a0f;padding:clamp(24px,4vw,40px)}.section-heading{margin-bottom:24px}.section-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#0071e31a;color:var(--brand);font-size:13px;font-weight:700}.section-title{margin:16px 0 10px;font-size:clamp(28px,3vw,40px);line-height:1.15}.section-summary{max-width:760px;margin:0;color:var(--text-sub);font-size:16px;line-height:1.7}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:100%}.hero-copy{max-width:560px}h1{margin:0;color:var(--text-main);font-size:clamp(44px,7vw,82px);font-weight:700;line-height:1;letter-spacing:-.02em}.subtitle{width:min(100%,520px);margin:18px 0 26px;color:var(--text-sub);font-size:clamp(17px,1.6vw,21px);line-height:1.45;letter-spacing:0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:9px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:16px;font-weight:700;line-height:1;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.button.primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-control)}.button.primary:hover{background:var(--brand-hover);transform:translateY(-1px)}.button.secondary{background:#fff;border-color:var(--border);color:var(--text-main)}.button.secondary:hover{border-color:#00000029;transform:translateY(-1px)}.button svg{width:18px;height:18px;fill:currentColor}.version-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;color:var(--text-muted);font-size:14px;line-height:1.5}.version-row span:not(:last-child):after{margin-left:10px;color:#c7c7cc;content:"/"}.platforms{display:grid;grid-template-columns:repeat(3,max-content);justify-content:start;gap:10px;margin:0;padding:0;list-style:none}.platform{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:#ffffffb3;color:#4a4a4f;font-size:13px;font-weight:600}.platform.is-coming-soon{cursor:pointer}.platform.is-coming-soon:hover{border-color:#00000029;background:#fff}.platform-icon{display:block;width:18px;height:18px;object-fit:contain;flex:0 0 auto}.toast{position:fixed;left:50%;top:50%;z-index:10;min-width:132px;padding:12px 18px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#1d1d1feb;color:#fff;box-shadow:0 16px 40px #0000002e;font-size:14px;font-weight:700;line-height:1;text-align:center;transform:translate(-50%,-50%) scale(1);pointer-events:none}.toast-enter-active,.toast-leave-active{transition:opacity .22s ease,transform .22s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-50%) scale(.98)}.product-stage{position:relative;display:grid;align-items:center;justify-items:center;min-height:clamp(340px,58vh,520px)}.desktop-preview{position:relative;width:min(100%,620px);aspect-ratio:16 / 10;border:1px solid rgba(0,0,0,.08);border-radius:26px;background:#fff;box-shadow:var(--shadow-soft);overflow:hidden;will-change:transform}.desktop-bar{display:flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-bottom:1px solid rgba(0,0,0,.07);background:#fbfbfd}.dot{width:11px;height:11px;border-radius:50%;background:#d1d1d6}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.app-ui{display:grid;grid-template-columns:136px 1fr;height:calc(100% - 42px);background:#fff}.sidebar{padding:18px 14px;border-right:1px solid rgba(0,0,0,.07);background:#f7f7f9}.side-title{height:12px;width:76px;margin-bottom:18px;border-radius:999px;background:#1d1d1f}.side-line{height:10px;margin-bottom:14px;border-radius:999px;background:#d2d2d7}.side-line.short{width:60%}.workspace{padding:22px}.workspace-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.workspace-title{width:180px;height:18px;border-radius:999px;background:#1d1d1f}.workspace-action{width:86px;height:28px;border-radius:999px;background:var(--brand)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.metric{min-height:86px;padding:16px;border:1px solid rgba(0,0,0,.07);border-radius:18px;background:#fbfbfd}.metric strong{display:block;width:74px;height:24px;margin-bottom:12px;border-radius:999px;background:#1d1d1f}.metric span{display:block;width:100%;height:9px;border-radius:999px;background:#d2d2d7}.list{padding:14px;border:1px solid rgba(0,0,0,.07);border-radius:18px;background:#fbfbfd}.list-row{height:12px;margin:12px 0;border-radius:999px;background:#d2d2d7}.phone-preview{position:absolute;right:clamp(2px,2vw,22px);bottom:clamp(6px,2vw,22px);width:min(31%,178px);aspect-ratio:9 / 18.5;border:8px solid #1d1d1f;border-radius:34px;background:#fff;box-shadow:0 24px 54px #0000002e;overflow:hidden;will-change:transform}.phone-notch{width:54px;height:16px;margin:8px auto 14px;border-radius:999px;background:#1d1d1f}.phone-content{padding:0 14px}.phone-block{height:58px;margin-bottom:12px;border-radius:16px;background:#f5f5f7}.phone-line{height:9px;margin-bottom:10px;border-radius:999px;background:#d2d2d7}.page-foot{display:flex;align-items:center;gap:12px;margin-top:28px;color:var(--text-muted);font-size:14px;flex-wrap:wrap}.page-foot:before{content:none}.page-foot-label{font-weight:700}.page-foot-link{color:var(--brand);font-weight:600}.tool-grid,.about-grid{display:grid;gap:14px}.tool-grid,.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card,.about-card{border:1px solid rgba(0,0,0,.08);border-radius:24px;background:#fff}.tool-card{padding:16px 16px 14px}.tool-card-link{display:flex;align-items:stretch;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tool-card-link:hover{transform:translateY(-2px);border-color:#0071e338;box-shadow:0 16px 38px #0f172a14}.about-card{padding:24px}.tool-card-head{display:grid;gap:10px;margin-bottom:0}.tool-card-head h3,.about-card h3{margin:0;font-size:18px}.tool-card-head p,.about-card p{margin:6px 0 0;color:var(--text-sub);font-size:14px;line-height:1.55}.tool-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.tool-tags li{min-height:24px;padding:0 10px;border-radius:999px;background:#f3f5f7;color:#49566a;font-size:11px;font-weight:700;display:inline-flex;align-items:center}.tool-panel{display:grid;gap:16px}.tool-detail-section{padding-top:12px}.tool-detail-topbar{margin-bottom:14px}.tool-detail-heading{margin-bottom:28px}.back-link{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid rgba(15,23,42,.1);border-radius:999px;color:#465468;font-size:14px;font-weight:600;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.back-link:hover{color:var(--brand);border-color:#0071e33d;background:#0071e30f}.field-block{display:grid;gap:10px}.field-label{font-size:14px;font-weight:700;color:var(--text-main)}.tool-input,.tool-textarea{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:16px;background:#f9fafb;color:var(--text-main);font:inherit;padding:14px 16px;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.tool-input:focus,.tool-textarea:focus{outline:none;border-color:#0071e38c;box-shadow:0 0 0 4px #0071e31f;background:#fff}.tool-textarea{resize:vertical;min-height:132px}.tool-hint{margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.tool-status{margin:0;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:600}.tool-status.is-success{background:#10b9811f;color:#0f766e}.tool-status.is-warning{background:#f59e0b1f;color:#b45309}.tool-status.is-danger{background:#ef44441f;color:#b91c1c}.tool-feedback{margin:0;color:var(--brand);font-size:13px;font-weight:700}.tool-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary-button,.inline-button{border:none;border-radius:999px;cursor:pointer;font:inherit;font-weight:700;transition:transform .16s ease,background-color .16s ease,opacity .16s ease}.primary-button{min-height:46px;padding:0 18px;background:var(--brand);color:#fff}.primary-button:hover,.inline-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.inline-button{min-height:36px;padding:0 14px;background:#eef4ff;color:var(--brand)}.result-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid-single{grid-template-columns:1fr}.result-card{border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#f9fafb;padding:18px}.result-card h4{margin:0;font-size:16px}.result-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.result-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.6;color:#334155}.result-list{display:grid;gap:12px;margin:14px 0 0}.result-list div{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid rgba(15,23,42,.08)}.result-list div:last-child{padding-bottom:0;border-bottom:none}.result-list dt{color:var(--text-muted);font-size:12px;font-weight:700}.result-list dd{margin:0;color:var(--text-main);font-size:14px;line-height:1.6;word-break:break-word}@media(max-width:768px){.page.is-home-route{height:auto;overflow:visible}.site-header-shell{z-index:40}.site-header{min-height:auto;padding:12px 0 10px}.header-inner{width:min(100% - 24px,720px);align-items:center;flex-wrap:wrap;gap:10px 12px}.brand{font-size:18px;flex:1 1 auto}.brand-mark{width:32px;height:32px}.menu-toggle{display:inline-flex;flex:0 0 auto}.nav{display:none}.mobile-nav-backdrop{position:fixed;inset:0;z-index:29;display:block;background:#0f172a47;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;z-index:30;display:flex;flex-direction:column;width:min(82vw,320px);padding:18px 16px 20px;background:#fffffffa;box-shadow:-16px 0 40px #0f172a24;transform:translate(100%);transition:transform .22s ease}.mobile-nav-drawer.is-open{transform:translate(0)}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mobile-nav-title{font-size:15px;font-weight:700;color:var(--text-main)}.mobile-nav-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#fff;color:#1f2937;font-size:24px;line-height:1;cursor:pointer;padding:0}.mobile-nav-list{display:grid;gap:8px}.mobile-nav-list a{display:flex;align-items:center;min-height:48px;padding:0 12px;border-radius:14px;color:#313136;font-size:15px;font-weight:600}.mobile-nav-list a.active{background:#0071e314;color:var(--brand)}.home-view{height:auto;overflow:visible}.home-view .screen{height:auto;padding:20px 0 36px}.screen,.content-section{width:min(100% - 24px,720px)}.section-shell{border-radius:26px;padding:22px 20px}.hero{grid-template-columns:1fr;gap:18px;min-height:auto}.hero-copy{max-width:none;text-align:center}.subtitle{width:min(100%,560px);margin:14px auto 18px;font-size:16px}.actions{justify-content:center;margin-bottom:16px}.button{min-height:46px;padding:0 20px}.version-row,.platforms{justify-content:center}.platforms{grid-template-columns:repeat(3,minmax(0,max-content))}.product-stage{display:none}.tool-grid,.about-grid,.result-grid{grid-template-columns:1fr}.tool-card,.about-card,.result-card{border-radius:20px}.tool-detail-section{padding-top:4px}.tool-detail-heading{margin-bottom:22px}.tool-action-row{align-items:stretch;flex-direction:column}.primary-button{width:100%}}@media(max-width:900px){.page{min-height:auto}.site-header{min-height:72px}.home-view{height:calc(100dvh - 72px)}.header-inner{width:min(100% - 32px,980px)}.nav{gap:16px;font-size:13px}.screen{width:min(100% - 32px,980px);padding:18px 0}.content-section{width:min(100% - 32px,980px)}.hero{grid-template-columns:1fr;gap:20px;min-height:100%}.hero-copy{max-width:none;text-align:center}.subtitle{margin:16px auto 20px}.actions,.version-row,.platforms{justify-content:center}.product-stage{min-height:270px}.desktop-preview{width:min(100%,540px)}.tool-grid,.about-grid{grid-template-columns:1fr}}@media(max-width:560px){.page{min-height:auto}.site-header{padding:10px 0 8px}.home-view{height:auto;overflow:visible}.home-view .screen{height:auto;padding:22px 0 74px}.header-inner{width:min(100% - 28px,420px);gap:8px}.brand{font-size:16px}.brand-mark{width:28px;height:28px;border-radius:8px}.screen{align-items:start;width:min(100% - 24px,420px);padding:18px 0 28px}.content-section{width:min(100% - 24px,420px)}.section-shell{border-radius:22px;padding:18px 16px}.hero{display:block;min-height:auto}.hero-copy{display:flex;align-items:center;flex-direction:column;width:100%}h1{font-size:clamp(32px,10vw,42px);text-align:center}.subtitle{width:min(100%,320px);margin:10px auto 18px;font-size:15px;line-height:1.45;text-align:center}.actions{flex-direction:column;width:100%;gap:10px;margin-bottom:16px}.button{width:100%;min-height:46px;padding:0 18px;font-size:15px}.version-row{justify-content:center;margin-bottom:14px;font-size:12px}.platforms{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.platform{justify-content:center;min-height:36px;padding:0 8px;font-size:12px}.platform-icon{width:16px;height:16px}.tool-grid,.about-grid,.result-grid{grid-template-columns:1fr}.tool-card{padding:14px}.tool-card-head h3,.about-card h3{font-size:17px}.tool-card-head p,.about-card p,.section-summary,.result-list dd{font-size:13px}.product-stage,.phone-preview{display:none}.app-ui{grid-template-columns:94px 1fr}.workspace{padding:14px}.desktop-bar{height:34px}.page-foot{display:block;font-size:13px}}