/* about-test-white / contact-test-white — page chrome overrides on top of k-white.css
   Do NOT edit k-white.css / k.css / k.js. White preview only.
   v4 · 2026-10-26 about visual rebuild (no gray claim/bounds walls; hero+clients+founder) */
body.page-plain{--page-top:120px;--acc:#dfff00}
body.page-plain .side{display:none!important}
body.page-plain main{
  margin-left:0!important;
  padding:var(--page-top) var(--pad) 0!important;
  max-width:none;
}
body.page-plain .logo img{filter:none!important}
body.page-plain .logo{filter:none!important;mix-blend-mode:normal!important}
body.page-plain .nav ul li a:not(.cta){color:var(--fg)!important;mix-blend-mode:normal!important}

/* solid/frosted top nav — content must not show through */
body.page-plain .nav{
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

@media (max-width:820px),(max-width:1023px) and (max-height:560px){
  body.page-plain{--page-top:96px}
  body.page-plain .logo img{filter:none!important}
}

/* page frame */
.p-wrap{max-width:920px}
.p-wrap.wide{max-width:1100px}
.p-kicker{font-size:13px;letter-spacing:.08em;color:var(--grey);margin:0 0 18px}
.p-kicker::before{content:"";display:inline-block;width:18px;height:3px;background:var(--acc,#dfff00);margin-right:10px;vertical-align:middle}
.p-h1{font-size:clamp(36px,5vw,64px);font-weight:300;line-height:1.1;letter-spacing:-.02em;margin:0 0 18px;color:var(--fg)}
.p-lead{font-size:clamp(17px,1.5vw,20px);font-weight:400;line-height:1.55;color:var(--body);max-width:36em;margin:0 0 28px}
.p-hero-body{max-width:42em;margin:0 0 8px}
.p-hero-body p{font-size:16px;line-height:1.75;color:var(--body);margin:0}
.p-hero-body p+p{margin-top:14px}
.p-sec{padding:56px 0 0;border-top:1px solid var(--line);margin-top:56px}
.p-sec:first-of-type{border-top:0;margin-top:0;padding-top:0}
.p-sec h2{font-size:clamp(22px,2.2vw,28px);font-weight:400;line-height:1.3;margin:0 0 18px;color:var(--fg)}
.p-sec h3{font-size:17px;font-weight:500;line-height:1.4;margin:28px 0 8px;color:var(--fg)}
.p-sec p,.p-sec li{font-size:16px;line-height:1.75;color:var(--body)}
.p-sec p+p{margin-top:14px}
.p-sec ul{list-style:none;padding:0;margin:0}
.p-sec a{color:inherit;border-bottom:1px solid currentColor}
.p-sec-lead{max-width:40em;margin:0 0 22px!important}
.p-mark{background:linear-gradient(transparent 60%,var(--acc,#dfff00) 60%);padding:0 .05em}

/* —— About visual v2: hero —— */
.p-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px 48px;align-items:end;margin:0 0 8px}
.p-hero-copy .p-lead{margin-bottom:20px}
.p-hero-copy .p-hero-body{margin:0}
.p-hero-fig{margin:0;border-radius:4px;overflow:hidden;background:#f0f0ee;aspect-ratio:16/10}
.p-hero-fig img{width:100%;height:100%;object-fit:cover;display:block}

/* —— clients: 3 col white + thin border —— */
.p-clients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 0;list-style:none;padding:0}
.p-client{
  display:flex;flex-direction:column;gap:10px;
  padding:14px 14px 18px;border:1px solid var(--line);border-radius:4px;background:#fff;
  text-decoration:none!important;border-bottom:1px solid var(--line)!important;
  color:inherit;min-height:100%;transition:border-color .2s
}
@media (hover:hover){.p-client:hover{border-color:#111}}
.p-client img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:2px;background:#f0f0ee}
.p-client strong{display:block;font-size:16px;font-weight:500;color:var(--fg);line-height:1.35;margin-top:2px}
.p-client strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc,#dfff00);margin-right:8px;vertical-align:middle}
.p-client span{display:block;font-size:14px;line-height:1.55;color:var(--body)}

/* legacy who list kept for safety */
.p-who{list-style:none;padding:0;margin:12px 0 0}
.p-who li{position:relative;padding:10px 0 10px 1.15em;font-size:16px;line-height:1.65;color:var(--body);border-top:1px solid var(--line)}
.p-who li:first-child{border-top:0}
.p-who li::before{content:"";position:absolute;left:0;top:1.15em;width:.45em;height:.45em;border-radius:50%;background:var(--acc,#dfff00)}

.p-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 8px}
.p-years .y{font-variant-numeric:tabular-nums;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--fg)}
.p-years .c{font-size:14px;line-height:1.55;color:var(--grey);margin-top:10px}

/* —— claims: LARGE short lines, NO gray panel —— */
.p-claims{display:grid;gap:0;margin:8px 0 0;padding:0;list-style:none;background:transparent}
.p-claims li{padding:28px 0;border-top:1px solid var(--line)}
.p-claims li:first-child{border-top:0;padding-top:8px}
.p-claims strong{
  display:block;font-size:clamp(26px,3.2vw,40px);font-weight:400;line-height:1.2;
  letter-spacing:-.02em;color:var(--fg);margin-bottom:10px
}
.p-claims p{margin:0;font-size:15px;line-height:1.65;color:var(--body);max-width:36em}

/* keep old .p-principles selector but strip panel fill (no gray wall) */
.p-principles{display:grid;gap:0;margin-top:12px;background:transparent;border-radius:0;padding:0}
.p-principles li{padding:22px 0;border-top:1px solid var(--line)}
.p-principles li:first-child{border-top:0}
.p-principles strong{display:block;font-size:clamp(22px,2.6vw,32px);font-weight:400;color:var(--fg);margin-bottom:8px}
.p-principles p{margin:0;font-size:15px;line-height:1.65;color:var(--body)}

/* —— bounds: thin border / no fill (FORBIDDEN big --panel gray boxes) —— */
.p-bounds{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.p-bounds .card{background:transparent;border:1px solid var(--line);border-radius:4px;padding:20px 20px 18px}
.p-bounds .card h3{margin:0 0 8px;font-size:15px;font-weight:500}
.p-bounds .card p{font-size:15px;margin:0;line-height:1.65}
.p-bounds--line .card{background:transparent}

/* optional tag style */
.p-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.p-tags span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--fg)}

/* —— founder —— */
.p-founder{display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr);gap:28px 40px;align-items:start;margin-top:8px}
.p-founder-fig{margin:0;border-radius:4px;overflow:hidden;background:#f0f0ee}
.p-founder-fig img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}
.p-founder-fig figcaption{font-size:13px;color:var(--grey);padding:10px 2px 0}
.p-founder-copy p{font-size:16px;line-height:1.75;color:var(--body);margin:0}
.p-founder-copy p+p{margin-top:14px}

/* —— footmeta: where + join collapsed —— */
.p-footmeta{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.p-footmeta-loc,.p-footmeta-join{font-size:15px;line-height:1.7;color:var(--body);margin:0}
.p-footmeta-join{margin-top:8px}
.p-footmeta a{color:inherit;border-bottom:1px solid currentColor}
.p-footmeta strong{font-weight:500;color:var(--fg)}

/* contact locations (keep bordered cards — contact page still uses) */
.p-locs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}
.p-locs .loc{padding:22px;border:1px solid var(--line);border-radius:6px;background:#fff}
.p-locs .loc h3{margin:0 0 8px;font-size:16px}
.p-locs .loc p{margin:0;font-size:15px}

.p-fig{margin:36px 0 0;border-radius:6px;overflow:hidden;background:#f0f0ee}
.p-fig img{width:100%;height:auto;display:block}
.p-fig figcaption{font-size:13px;color:var(--grey);padding:10px 2px 0}

.p-links{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:28px}
.p-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;border-bottom:1px solid currentColor}
@media (hover:hover){.p-links a:hover{color:#000}}

/* services grid on contact (merged from 合作咨询) — KEEP panel for contact */
.p-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 0}
.p-svc a,.p-svc .svc{
  display:block;background:var(--panel);border-radius:6px;padding:20px 18px 18px;
  min-height:96px;transition:background .2s;text-decoration:none;border-bottom:0!important
}
@media (hover:hover){.p-svc a:hover{background:#ebebe8}}
.p-svc dt{font-size:16px;font-weight:500;color:var(--fg);margin:0 0 4px}
.p-svc dd{font-size:13px;color:var(--grey);margin:0;line-height:1.45}

/* contact hero wechat — KEEP panel for contact QR block */
.p-wx{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;align-items:center;margin:8px 0 0;
  background:var(--panel);border-radius:6px;padding:28px}
.p-wx .qr{width:160px;height:160px;background:#fff;border-radius:4px;object-fit:contain}
.p-wx .tx h2{font-size:clamp(22px,2.2vw,28px);font-weight:400;margin:0 0 10px}
.p-wx .tx p{font-size:15px;line-height:1.65;color:var(--body);margin:0 0 16px;max-width:36em}
.p-wx .acts{display:flex;flex-wrap:wrap;gap:10px}
.p-wx .acts .cta,
.p-wx .acts .cta-o,
.p-wx .acts .btn,
.p-wx .acts .btn.pri{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;
  padding:0 18px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;font:inherit;
  text-decoration:none;border:1px solid transparent;line-height:1.2;background:var(--bg);color:var(--fg);border-color:rgba(0,0,0,.85)
}
.p-wx .acts .cta,
.p-wx .acts .btn.pri{background:var(--acc);color:#0a0a0a!important;border-color:var(--acc)}
.p-wx .acts .cta-o{background:var(--bg);color:var(--fg);border-color:rgba(0,0,0,.85)}
@media (hover:hover){
  .p-wx .acts .cta:hover,.p-wx .acts .btn.pri:hover{background:#111;color:var(--acc)!important;border-color:#111}
  .p-wx .acts .cta-o:hover,.p-wx .acts .btn:not(.pri):hover{background:#111;color:#fff;border-color:#111}
}
.p-wx .acts .cta:focus-visible,.p-wx .acts .cta-o:focus-visible,.p-wx .acts .btn:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.p-wx .hint{font-size:13px;color:var(--grey);margin-top:12px}
.p-wx .copied{background:var(--acc)!important;color:#111!important;border-color:var(--acc)!important}

.p-note{font-size:13px;color:var(--grey);margin-top:18px;line-height:1.6}

@media (max-width:820px),(max-width:1023px) and (max-height:560px){
  .p-hero{grid-template-columns:1fr;gap:28px}
  .p-hero-fig{aspect-ratio:16/10}
  .p-clients{grid-template-columns:1fr;gap:12px}
  .p-founder{grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:20px}
  .p-years{grid-template-columns:1fr;gap:20px}
  .p-bounds,.p-locs{grid-template-columns:1fr}
  .p-svc{grid-template-columns:1fr 1fr}
  .p-wx{grid-template-columns:1fr;padding:22px;gap:18px}
  .p-wx .qr{width:120px;height:120px}
  .p-lead{margin-bottom:22px}
  .p-sec{padding-top:40px;margin-top:40px}
  .p-claims li{padding:22px 0}
  .p-footmeta{margin-top:40px;padding-top:22px}
}
@media (max-width:420px){
  .p-svc{grid-template-columns:1fr}
  .p-founder{grid-template-columns:1fr}
  .p-founder-fig{max-width:240px}
}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1!important;transform:none!important;transition:none!important}
}