/* 主域名公开首页：产品与功能展示（柔和电竞风，单一深色主题）。界面图为 HTML/CSS 绘制的软件界面示意。 */
:root{
  --bg:#0e0c1f;--bg2:#15122b;--bg3:#1c1838;--panel:rgba(255,255,255,.045);--panel2:rgba(255,255,255,.07);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.16);
  --ink:#f4f0ff;--ink2:#ddd5f5;--muted:#b4aad2;--pink:#ff6b9d;--violet:#a78bfa;--indigo:#7c6cf0;--mint:#5eead4;--amber:#fbbf6a;--rose:#fb7185;
  --grad:linear-gradient(110deg,#ff6b9d 0%,#c08bf5 52%,#7c6cf0 100%);--grad-soft:linear-gradient(135deg,rgba(255,107,157,.18),rgba(124,108,240,.16));
  --r:18px;--r-sm:12px;--shadow:0 24px 60px -28px rgba(0,0,0,.65);--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;--num:"DIN Alternate","Bahnschrift","Roboto Condensed",var(--font);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(900px 520px at 85% -8%,rgba(167,139,250,.22),transparent 60%),
  radial-gradient(760px 480px at -10% 18%,rgba(255,107,157,.16),transparent 62%),
  radial-gradient(900px 600px at 50% 110%,rgba(124,108,240,.14),transparent 60%),
  linear-gradient(180deg,#100d24,#0e0c1f 40%,#0d0b1c)}
a{color:inherit}
img,svg{max-width:100%}
/* 内容宽度随屏幕放大：1366 及以下 1180px，1920 约 1530px，2K 及以上最宽 1640px，两侧留白不显得局促 */
.pf-wrap{width:100%;max-width:clamp(1180px,80vw,1640px);margin:0 auto;padding:0 clamp(24px,2.4vw,48px)}
.skip{position:absolute;left:-999px;top:8px;z-index:50;padding:8px 12px;border-radius:8px;background:#fff;color:#111}.skip:focus{left:12px}

/* 顶栏 */
.pf-top{position:sticky;top:0;z-index:30;border-bottom:1px solid transparent;transition:background-color .2s,border-color .2s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(14,12,31,.72)}
.pf-top-in{display:flex;align-items:center;gap:20px;min-height:68px}
.pf-brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:.01em}
.pf-mark{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--grad);box-shadow:0 8px 22px -8px rgba(255,107,157,.6)}
.pf-mark svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pf-mark.has-logo{width:auto;min-width:36px;max-width:160px;height:40px;padding:0;border-radius:0;background:none;box-shadow:none}
.pf-mark.has-logo img{display:block;width:auto;height:40px;max-width:160px;object-fit:contain;object-position:center}
.pf-brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-nav{display:flex;gap:4px;margin-left:12px}
.pf-nav a{padding:8px 12px;border-radius:10px;color:var(--ink2);font-size:14.5px;text-decoration:none;white-space:nowrap}
.pf-nav a:hover{background:var(--panel2);color:var(--ink)}
.pf-entry{display:flex;align-items:center;gap:10px;margin-left:auto}
.pf-download-entry[aria-current="page"]{border-color:var(--violet);color:var(--violet);background:rgba(167,139,250,.08)}
.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 18px;border:1px solid var(--line2);border-radius:12px;background:transparent;color:var(--ink);font:600 15px/1 var(--font);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .15s,background-color .15s,border-color .15s,box-shadow .15s}
.pf-btn:hover{border-color:rgba(255,255,255,.32);background:var(--panel2)}
.pf-btn.primary{border:0;background:var(--grad);color:#fff;box-shadow:0 12px 30px -14px rgba(255,107,157,.8)}
.pf-btn.primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px -14px rgba(255,107,157,.9)}
.pf-btn.big{min-height:52px;padding:0 26px;border-radius:14px;font-size:16.5px}
.pf-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pf-btn:focus-visible,.pf-nav a:focus-visible,.pf-form :focus-visible{outline:2px solid var(--violet);outline-offset:2px}

/* 首屏 */
.pf-hero{padding:72px 0 56px}
.pf-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:48px}
.pf-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--panel);color:var(--ink2);font-size:13.5px;letter-spacing:.02em}
.pf-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(94,234,212,.15)}
.pf-hero h1,.pf-head h2,.pf-ftext h3{text-wrap:balance}
.pf-hero h1{margin:0;font-size:clamp(30px,4.4vw,52px);line-height:1.18;font-weight:800;letter-spacing:-.01em}
.pf-hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-lead{margin:20px 0 0;max-width:36em;color:var(--muted);font-size:clamp(15.5px,1.5vw,17.5px)}
.pf-cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}
.pf-chips{display:flex;flex-wrap:wrap;gap:8px 10px;margin:28px 0 0;padding:0;list-style:none}
.pf-chips li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:var(--panel);color:var(--ink2);font-size:13.5px}
.pf-chips li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--pink);transform:rotate(45deg)}
.pf-staff{margin:22px 0 0;color:var(--muted);font-size:14px}.pf-staff a{color:var(--ink2)}

/* 界面示意：电脑窗口 + 手机 */
.pf-visual{position:relative;min-width:0;padding:0 0 34px}
.mock-win{position:relative;min-width:0;border:1px solid var(--line2);border-radius:var(--r);background:linear-gradient(180deg,#1d1938,#16132c);box-shadow:var(--shadow);overflow:hidden}
.mock-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:12px}
.mock-bar i{width:10px;height:10px;border-radius:50%;background:#fb7185}.mock-bar i:nth-child(2){background:#fbbf6a}.mock-bar i:nth-child(3){background:#5eead4}
.mock-bar b{margin-left:8px;font-weight:600;color:var(--ink2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mock-body{padding:16px;min-width:0}
.mock-hello{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.mock-hello b{font-size:16px}.mock-hello span{color:var(--muted);font-size:12px;white-space:nowrap}
.mock-lights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mock-light{position:relative;min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.mock-light::before{content:"";position:absolute;left:10px;right:10px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--c,#7c6cf0);box-shadow:0 0 10px var(--c,#7c6cf0)}
.mock-light b{display:block;font-size:14px}.mock-light small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock-light em{display:inline-block;margin-top:6px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--c);font-style:normal;font-size:11px}
.mock-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}
.mock-kpi{min-width:0;padding:10px 12px;border-radius:12px;background:var(--k,rgba(124,108,240,.14))}
.mock-kpi small{display:block;color:var(--ink2);font-size:11.5px}.mock-kpi b{display:block;font:700 18px/1.3 var(--num);letter-spacing:.01em;white-space:nowrap}
.mock-chart{display:flex;align-items:flex-end;gap:6px;height:72px;margin:12px 0 0;padding:8px 10px 0;border-radius:12px;background:var(--panel)}
.mock-chart i{flex:1;min-width:0;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#a78bfa,#7c6cf0);opacity:.85}
.mock-chart i:nth-child(3n){background:linear-gradient(180deg,#ff8db4,#ff6b9d)}
.mock-phone{position:absolute;right:-6px;bottom:0;width:min(196px,38%);padding:10px 9px 12px;border:1px solid var(--line2);border-radius:28px;background:linear-gradient(180deg,#221d42,#17142f);box-shadow:var(--shadow)}
.mock-phone::before{content:"";display:block;width:56px;height:6px;margin:0 auto 9px;border-radius:6px;background:rgba(255,255,255,.14)}
.mock-phone .mp-card{padding:10px;border-radius:14px;background:var(--grad);color:#fff}
.mp-card small{display:block;opacity:.9;font-size:11px}.mp-card b{display:block;font:800 22px/1.2 var(--num)}
.mp-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0 0;padding:8px 9px;border-radius:11px;background:var(--panel2);font-size:11.5px}
.mp-row b{color:var(--mint);font-weight:700;white-space:nowrap}.mp-row span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* 区块通用 */
.pf-sec{padding:76px 0}
.pf-sec.alt{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.035) 50%,rgba(255,255,255,.018))}
.pf-head{max-width:720px;margin:0 auto 44px;text-align:center}
.pf-kicker{margin:0 0 10px;color:var(--pink);font-size:13.5px;font-weight:700;letter-spacing:.12em}
.pf-head h2{margin:0;font-size:clamp(25px,3vw,36px);line-height:1.3;font-weight:800}
.pf-head p{margin:14px 0 0;color:var(--muted)}

/* 亮点四宫格 */
.pf-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pf-hl{min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.pf-hl .ico{display:grid;place-items:center;width:44px;height:44px;margin:0 0 14px;border-radius:13px;background:var(--grad-soft);border:1px solid var(--line2)}
.ico svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pf-hl h3{margin:0 0 6px;font-size:17px}.pf-hl p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.65}

/* 功能展示：图文交替 */
.pf-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;padding:34px 0}
.pf-feature + .pf-feature{border-top:1px solid var(--line)}
.pf-feature:nth-child(even) .pf-ftext{order:2}
.pf-ftext{min-width:0}
.pf-tag{display:inline-block;margin:0 0 12px;padding:3px 11px;border-radius:999px;background:var(--grad-soft);border:1px solid var(--line2);color:var(--ink2);font-size:12.5px;font-weight:600}
.pf-ftext h3{margin:0;font-size:clamp(22px,2.4vw,29px);line-height:1.35;font-weight:800}
.pf-ftext > p{margin:14px 0 0;color:var(--muted)}
.pf-points{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.pf-points li{position:relative;padding-left:28px;color:var(--ink2);font-size:15px}
.pf-points li::before{content:"";position:absolute;left:0;top:.42em;width:18px;height:18px;border-radius:6px;background:rgba(94,234,212,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235eead4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.pf-fshot{min-width:0}

/* 示意：交班单 */
.mk-receipt{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:14px}
.mk-lines{display:grid;gap:8px;min-width:0}
.mk-line{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:11px;background:var(--panel);font-size:13px}
.mk-line b{font-family:var(--num);font-size:14px;white-space:nowrap}.mk-line.ok b{color:var(--mint)}.mk-line.warn b{color:var(--amber)}
.mk-photo{position:relative;min-height:150px;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 16px),linear-gradient(160deg,#2a2550,#1d1a3a);border:1px solid var(--line)}
.mk-photo span{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:7px;background:rgba(94,234,212,.18);color:var(--mint);font-size:11px;font-weight:700}
.mk-stamp{position:absolute;right:16px;top:44px;padding:4px 12px;border:2px solid rgba(94,234,212,.7);border-radius:8px;color:var(--mint);font-weight:800;transform:rotate(-10deg);letter-spacing:.1em;background:rgba(14,12,31,.5)}

/* 示意：点购商品格 + 吧台 */
.mk-shop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.mk-goods{min-width:0;padding:10px;border-radius:12px;background:var(--panel);text-align:center}
.mk-goods i{display:block;height:46px;margin:0 0 8px;border-radius:10px;background:var(--g,linear-gradient(160deg,#ff8db4,#c08bf5))}
.mk-goods b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-goods small{color:var(--pink);font:700 13px var(--num)}
.mk-toast{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(124,108,240,.16);border:1px solid rgba(167,139,250,.32);font-size:13px}
.mk-toast b{white-space:nowrap}.mk-toast span{min-width:0;color:var(--ink2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mk-toast em{margin-left:auto;font-style:normal;color:var(--amber);white-space:nowrap}

/* 示意：手机会员三屏 */
.mk-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.mk-ph{min-width:0;padding:10px 9px 12px;border:1px solid var(--line2);border-radius:24px;background:linear-gradient(180deg,#221d42,#17142f);box-shadow:var(--shadow)}
.mk-ph:nth-child(2){transform:translateY(-14px)}
.mk-ph::before{content:"";display:block;width:44px;height:5px;margin:0 auto 9px;border-radius:5px;background:rgba(255,255,255,.14)}
.mk-ph h4{margin:0 0 8px;font-size:12.5px;color:var(--ink2)}
.mk-pill{display:block;margin:6px 0 0;padding:8px;border-radius:10px;background:var(--panel2);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-pill b{color:var(--pink)}

/* 示意：列表行（战绩 / 考核 / 门店） */
.mk-rows{display:grid;gap:8px}
.mk-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel)}
.mk-av{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--a,linear-gradient(160deg,#7c6cf0,#a78bfa));font-size:12px;font-weight:800;color:#fff}
.mk-row div{min-width:0}.mk-row b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-row small{display:block;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-badge{padding:3px 9px;border-radius:999px;background:rgba(94,234,212,.14);color:var(--mint);font-size:11.5px;font-weight:700;white-space:nowrap}
.mk-badge.pink{background:rgba(255,107,157,.16);color:#ff9cbd}.mk-badge.amber{background:rgba(251,191,106,.16);color:var(--amber)}
.mk-meter{height:6px;margin:6px 0 0;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}.mk-meter i{display:block;height:100%;border-radius:6px;background:var(--grad)}

/* 示意：月度柱状 */
.mk-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;height:170px;padding:14px 14px 0;border-radius:12px;background:var(--panel)}
.mk-bar{display:flex;align-items:flex-end;gap:3px;height:100%;min-width:0}
.mk-bar i{flex:1;border-radius:4px 4px 0 0;background:#7c6cf0}.mk-bar i:nth-child(2){background:#ff6b9d}.mk-bar i:nth-child(3){background:#5eead4}
.mk-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;color:var(--muted);font-size:12px}
.mk-legend span::before{content:"";display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:3px;background:var(--c)}
.mk-alert{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 12px;border-radius:11px;background:rgba(251,191,106,.12);border:1px solid rgba(251,191,106,.3);color:#ffd79a;font-size:12.5px}

/* 三端协同 */
.pf-ends{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pf-end{position:relative;min-width:0;padding:24px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.pf-end::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--grad-soft);filter:blur(4px)}
.pf-end h3{margin:12px 0 8px;font-size:17.5px}.pf-end p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.65}
.pf-end .ico{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--grad)}.pf-end .ico svg{stroke:#fff}

/* 特色 */
.pf-traits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pf-trait{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.pf-trait .ico{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--grad-soft);border:1px solid var(--line2)}
.pf-trait h3{margin:2px 0 4px;font-size:16.5px}.pf-trait p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}

/* 合作方式（次要） */
.pf-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:900px;margin:0 auto}
.pf-way{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.pf-way h3{margin:0;font-size:18px}.pf-way p{margin:0 0 6px;color:var(--muted);font-size:14.5px}.pf-way .pf-btn{align-self:flex-start;margin-top:auto}

/* 提交资料 */
.pf-apply{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}
.pf-contact{padding:28px;border:1px solid var(--line);border-radius:var(--r);background:var(--grad-soft)}
.pf-contact h3{margin:0 0 6px;font-size:21px}.pf-contact > p{margin:0 0 18px;color:var(--ink2)}
.pf-contact dl{display:grid;gap:12px;margin:0}
.pf-contact dl div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}
.pf-contact dt{color:var(--muted);font-size:14px}.pf-contact dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.pf-contact dd a{text-decoration:none}
.pf-form{padding:28px;border:1px solid var(--line2);border-radius:var(--r);background:var(--bg2);box-shadow:var(--shadow)}
.pf-form h3{margin:0 0 4px;font-size:21px}.pf-form > p{margin:0 0 18px;color:var(--muted);font-size:14.5px}
.pf-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pf-form label{display:grid;gap:6px;min-width:0;margin:0 0 14px;color:var(--ink2);font-size:14px;font-weight:600}
.pf-form label small{color:var(--pink);font-weight:700}
.pf-form label > span{display:block}
.pf-form input,.pf-form select,.pf-form textarea{width:100%;min-width:0;min-height:43px;padding:10px 13px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.05);color:var(--ink);font:400 15px/1.5 var(--font)}
.pf-form textarea{min-height:92px;resize:vertical}
.pf-form select option{background:var(--bg2);color:var(--ink)}
.pf-form input:focus,.pf-form select:focus,.pf-form textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(167,139,250,.25)}
.pf-kinds{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:0;border:0}
.pf-kinds legend{margin:0 0 6px;padding:0;color:var(--ink2);font-size:14px;font-weight:600}
.pf-kinds label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px;border:1px solid var(--line2);border-radius:12px;font-weight:600;cursor:pointer}
.pf-kinds input{width:auto;min-height:0;accent-color:#ff6b9d}
.pf-kinds label:has(input:checked){border-color:var(--pink);background:rgba(255,107,157,.12)}
.pf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.pf-form .pf-btn{width:100%}
.pf-note{margin:16px 0 0;color:var(--muted);font-size:12.5px;text-align:center}
.pf-flash{margin:0 0 16px;padding:12px 14px;border-radius:12px;font-weight:600}
.pf-flash.ok{background:rgba(94,234,212,.13);border:1px solid rgba(94,234,212,.35);color:#a7f3e5}
.pf-flash.err{background:rgba(251,113,133,.13);border:1px solid rgba(251,113,133,.35);color:#fecdd5}

/* 底部 */
.pf-foot{padding:30px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}
.pf-foot a{color:var(--muted)}

/* 宽屏（1920、2K）：内容区放宽后同步放大留白、标题与卡片间距，避免大屏上内容挤在中间 */
@media (min-width:1600px){
  .pf-top-in{min-height:76px}
  .pf-hero{padding:96px 0 76px}
  .pf-hero-in{gap:72px}
  .pf-hero h1{font-size:clamp(52px,2.9vw,64px)}
  .pf-lead{font-size:18.5px}
  .pf-head{max-width:880px;margin-bottom:52px}
  .pf-highlights,.pf-ends,.pf-traits{gap:22px}
  .pf-feature{gap:80px;padding:44px 0}
  .pf-ways{max-width:1120px;gap:22px}
  .pf-apply{gap:40px}
}
/* 1K（1920 左右）：默认按 90% 显示，与 1080p 屏上浏览器缩放到 90% 的效果一致（用户确认的大小）；
   CSS 缩放下 vw 仍按真实视口计算，版心与主标题的 vw 系数除以 0.9 补回 */
@media (min-width:1600px) and (max-width:2199px){
  html{zoom:.9}
  .pf-wrap{max-width:clamp(1180px,88.9vw,1640px);padding:0 clamp(24px,2.667vw,48px)}
  .pf-hero h1{font-size:clamp(52px,3.222vw,64px)}
}
/* 平板 */
@media (max-width:1080px){
  .pf-nav{display:none}
  .pf-highlights,.pf-ends{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-traits{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .pf-hero{padding:48px 0 36px}
  .pf-hero-in,.pf-feature,.pf-apply{grid-template-columns:minmax(0,1fr)}
  .pf-hero-in{gap:36px}
  .pf-feature{gap:26px;padding:30px 0}
  .pf-feature:nth-child(even) .pf-ftext{order:0}
  .pf-sec{padding:56px 0}
  .pf-head{margin-bottom:30px}
}
/* 手机 */
@media (max-width:640px){
  .pf-wrap{padding:0 16px}
  .pf-top-in{gap:10px;min-height:60px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .pf-brand{font-size:15.5px;flex:1 1 100%}
  .pf-entry{width:100%;margin-left:0}.pf-entry .pf-btn{flex:1;min-width:0}
  .pf-mark.has-logo{height:36px;max-width:132px}.pf-mark.has-logo img{height:36px;max-width:132px}
  .pf-btn{min-height:43px;padding:0 13px;font-size:14px;border-radius:11px}
  .pf-btn.big{min-height:48px;padding:0 20px;font-size:15.5px}
  .pf-cta .pf-btn{flex:1 1 auto}
  .pf-highlights,.pf-ends,.pf-traits,.pf-ways,.pf-grid2{grid-template-columns:minmax(0,1fr)}
  .pf-hl,.pf-end,.pf-trait,.pf-way,.pf-contact,.pf-form{padding:20px}
  .mock-body{padding:12px}
  .mock-phone{display:none}
  .pf-visual{padding:0}
  .mk-receipt{grid-template-columns:minmax(0,1fr)}
  .mk-photo{min-height:90px}
  .mk-shop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-phones{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-phones .mk-ph:nth-child(3){display:none}
  .mk-ph:nth-child(2){transform:none}
  .mk-bars{height:130px;gap:6px}
}
@media (max-width:420px){
  .pf-brand span:last-child{display:block}
  .pf-entry{gap:6px}
  .pf-btn{padding:0 11px;font-size:13.5px}
  .mock-lights{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .mock-light{padding:8px 6px}
  .mock-kpi b{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pf-btn{transition:none}}

/* 2026-10-28 界面整理：标题分段断行、特色标签两行两列、没配联系方式时联系区单列、页脚 */
.nw{display:inline-block;max-width:100%}
.pf-hero h1{font-size:clamp(30px,8.2vw,40px)}
@media(min-width:768px){.pf-hero h1{font-size:clamp(40px,3.5vw,54px)}.pf-chips{display:grid;grid-template-columns:repeat(2,max-content)}}
.pf-apply.solo{grid-template-columns:minmax(0,760px);justify-content:center}
.pf-apply.solo .pf-contact{padding:0;border:0;background:none;text-align:center}
.pf-apply.solo .pf-contact h3{font-size:clamp(22px,3vw,30px)}
.pf-form .pf-note{margin-top:14px}
.pf-foot{padding:34px 0 42px;line-height:1.9}
.pf-foot .pf-wrap>div{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px}