.ph-hero{--ph-ink:#14263e;--ph-accent:#f2644b;--ph-soft:#fff0eb;--ph-line:#e4e9ef;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#e6edf6 0,transparent 55%),#fbfcfe;color:var(--ph-ink);font:16px/1.6 system-ui,'Microsoft YaHei',sans-serif}.ph-hero[data-ph-theme=pinkeman]{--ph-accent:#0c59db;--ph-soft:#e9f1ff;background:radial-gradient(ellipse at 80% 45%,#dceaff,transparent 58%),#fbfcff}.ph-hero *{box-sizing:border-box}.ph-inner{width:min(1440px,94%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:720px;padding:60px 20px}.ph-copy{position:relative;z-index:2}.ph-eyebrow{font-size:13px;letter-spacing:.2em;margin:0 0 26px}.ph-eyebrow:before{content:'';display:inline-block;width:36px;height:2px;background:var(--ph-accent);vertical-align:middle;margin-right:15px}.ph-copy h1{font-size:clamp(34px,4.1vw,64px);line-height:1.3;letter-spacing:-.04em;margin:0;font-weight:800}.ph-copy h1 em{display:block;color:var(--ph-accent);font-style:normal}.ph-description{font-size:18px;line-height:1.9;color:#64748b;white-space:pre-line;margin:26px 0 32px}.ph-search{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;background:white;border:1px solid var(--ph-line);border-radius:50px;box-shadow:0 16px 40px #14263e09}.ph-search span{font-size:28px}.ph-search input{width:100%;min-width:0;border:0;padding:12px 0;background:transparent;color:var(--ph-ink);font:inherit;outline-offset:4px}.ph-search button,.ph-actions button{border:0;border-radius:32px;padding:15px 24px;background:var(--ph-accent);color:white;font:600 15px/1.5 system-ui;white-space:nowrap;cursor:pointer}.ph-actions{display:flex;gap:14px;flex-wrap:wrap}.ph-actions button.ph-secondary{background:white;color:var(--ph-ink);border:1px solid #c4d3e8}.ph-hot{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ph-hot a{color:#46546b;background:#eaf0f5;padding:5px 13px;border-radius:20px;text-decoration:none;font-size:13px}.ph-benefits{list-style:none;padding:0;margin:38px 0 0;display:flex;gap:24px;flex-wrap:wrap}.ph-benefits li{display:flex;align-items:center;gap:9px;font-size:17px}.ph-benefits li span{display:grid;place-items:center;width:42px;height:42px;background:var(--ph-soft);border-radius:50%;font-size:28px;color:var(--ph-accent)}.ph-scene{height:570px;perspective:1200px}.ph-stage{position:relative;width:100%;height:100%;transform:rotateX(var(--ph-ry,0deg)) rotateY(var(--ph-rx,0deg));transition:transform .35s ease-out;transform-style:preserve-3d}.ph-globe{position:absolute;inset:8% 8%;border-radius:50%;border:1px solid #b4c8df;background:radial-gradient(circle at 30% 25%,#ffffffd9,#cbdcf275 65%,#9cb8d566);box-shadow:inset -20px -15px 70px #819cbb22,0 25px 70px #a4bad222;overflow:hidden;display:grid;place-items:center}.ph-globe:before,.ph-globe:after{content:'';position:absolute;inset:22% -5%;border:1px solid #a9bed955;border-radius:50%}.ph-globe:after{inset:38% -5%}.ph-globe i{position:absolute;inset:-5% 25%;border:1px solid #a9bed955;border-radius:50%;transform:rotate(-20deg)}.ph-globe i:nth-child(2){inset:-5% 39%}.ph-globe i:nth-child(3){inset:-5% 9%}.ph-globe>span{text-align:center;font-weight:800;font-size:40px;color:#6586ab2b;letter-spacing:.08em}.ph-globe small{font-size:16px;letter-spacing:.3em}.ph-orbit{position:absolute;inset:22% 0;border:1px solid #b0c5e060;border-radius:50%;transform:rotate(-20deg);pointer-events:none}.ph-orbit-2{inset:20% 0;transform:rotate(26deg)}.ph-orbit i{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:var(--ph-accent);box-shadow:0 0 14px var(--ph-accent);offset-path:ellipse(closest-side farthest-side);animation:ph-orbit 25s linear infinite}.ph-orbit-2 i{animation-delay:-13s;animation-direction:reverse}.ph-card{position:absolute;display:flex;align-items:center;gap:12px;width:41%;padding:20px 15px;background:linear-gradient(135deg,#fff,#fffffff0);border:1px solid #fff;border-radius:22px;box-shadow:0 16px 38px #203b5e15;color:var(--ph-ink);text-decoration:none;animation:ph-float 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.8s);transition:box-shadow .2s,border-color .2s;z-index:3}.ph-card:hover,.ph-card:focus-visible{animation-play-state:paused;border-color:var(--ph-accent);box-shadow:0 20px 48px #203b5e26;z-index:5}.ph-card small{display:block;color:var(--ph-accent);font-size:23px;font-weight:800}.ph-card strong{display:block;font-size:17px}.ph-card b{margin-left:auto;font-size:16px;font-weight:400}.ph-icon{flex:0 0 60px;width:60px;height:76px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(130deg,var(--ph-soft),white);color:var(--ph-accent)}.ph-icon svg{width:55px;height:55px;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.ph-card-0{left:4%;top:4%}.ph-card-1{right:0;top:19%}.ph-card-2{left:12%;top:38%;width:47%;border-color:#f2644b44}.ph-card-3{left:0;top:67%}.ph-card-4{left:47%;top:80%;width:43%}.ph-card-5{right:-1%;top:55%}.ph-scene-label{position:absolute;bottom:-9%;left:28%;font-size:12px;letter-spacing:.2em;color:#637d99}.ph-hero[data-ph-theme=pinkeman] .ph-card-0{top:9%;left:2%}.ph-hero[data-ph-theme=pinkeman] .ph-card-1{top:40%;right:0}.ph-hero[data-ph-theme=pinkeman] .ph-card-2{top:69%;left:6%;width:41%;border-color:white}.ph-hero[data-ph-theme=pinkeman] .ph-globe{background:radial-gradient(circle at 30% 25%,#f4f9ff,#98c0fd 65%,#427ed9);border-color:#89b5f2}.ph-hero[data-ph-theme=pinkeman] .ph-globe>span{font-size:30px;color:white;text-shadow:0 2px 14px #2764b755}.ph-motion{position:absolute;bottom:12px;right:24px;border:1px solid #c7d3e1;background:white;color:#637187;border-radius:20px;padding:6px 12px;cursor:pointer;font-size:12px}.ph-paused *, .ph-paused *:before{animation-play-state:paused!important}.ph-paused .ph-stage{transform:none}.ph-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ph-demo-header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px;font:15px system-ui;color:#14263e;gap:20px}.ph-demo-header strong{font-size:25px}.ph-demo-header a{color:inherit}.ph-demo-note{padding:22px;text-align:center;background:#fff;color:#6b788c;font:13px/1.8 system-ui}.ph-demo-note a{color:#0c59db}@keyframes ph-float{50%{translate:0 -12px}}@keyframes ph-orbit{to{offset-distance:100%}}@media(max-width:1050px){.ph-inner{padding:44px 15px;gap:10px}.ph-scene{height:480px}.ph-card{padding:14px 10px;gap:6px}.ph-icon{flex-basis:44px;width:44px}.ph-icon svg{width:40px}.ph-card strong{font-size:14px}.ph-card small{font-size:20px}.ph-benefits{gap:12px}.ph-benefits li{font-size:14px}.ph-demo-header nav{display:none}}@media(max-width:720px){.ph-inner{display:flex;flex-direction:column;align-items:stretch;padding:38px 4px 70px;gap:38px;min-height:0}.ph-copy h1{font-size:clamp(32px,7vw,46px)}.ph-description{font-size:15px;margin:18px 0 24px}.ph-eyebrow{font-size:11px;margin-bottom:18px}.ph-search{gap:8px;padding-left:12px}.ph-search input{font-size:13px}.ph-search button{padding:12px 15px;font-size:13px}.ph-benefits{margin-top:26px;justify-content:space-between;gap:5px}.ph-benefits li{font-size:13px;gap:5px}.ph-benefits li span{height:32px;width:32px;font-size:22px}.ph-scene{height:430px;max-width:540px;width:100%;margin:auto}.ph-stage{transform:none!important}.ph-card{border-radius:16px;width:43%;padding:12px 8px}.ph-card-2{width:47%}.ph-card small{font-size:18px}.ph-card strong{font-size:13px}.ph-icon{flex-basis:40px;height:60px}.ph-demo-header{padding:18px}.ph-demo-header strong{font-size:20px}.ph-card b{display:none}.ph-scene-label{bottom:-6%}.ph-hot a{font-size:12px}.ph-globe>span{font-size:30px}}@media(prefers-reduced-motion:reduce){.ph-hero *{animation:none!important;transition:none!important}.ph-stage{transform:none!important}}

.ph-actions a{display:inline-block;padding:15px 24px;border-radius:12px;background:var(--ph-accent);color:#fff;text-decoration:none;font-weight:700}.ph-actions a.ph-secondary{background:#fff;color:var(--ph-ink);border:1px solid #ccd6e3}.ph-icon img{width:100%;height:100%;object-fit:contain}.ph-card:hover{box-shadow:0 20px 40px #14263e24}.ph-copy h1,.ph-card strong{overflow-wrap:anywhere}.ph-hero[data-ph-motion="0"] *{animation:none!important}.ph-hero[data-ph-motion="0"] .ph-motion{display:none}