/* /chinese-poker-software — AISHTMLNEWDESIGN-357
Page-owned styles. EVERY selector is scoped to #page-chinese-poker-software or a
cps- prefixed class: this sheet must never style body, a bare
element, #ais-header or #ais-footer. The document reset
(html,body{margin:0}) is owned by the shared layout sheet.
Font is Inter; no body/UI text below 16px.
VISUAL DIRECTION — "ROYALTY LEDGER"
Open-face Chinese poker is settled in three rows: front 3, middle 5, back 5,
scored row by row with royalties. The page is built as that settlement sheet —
ink-and-bone paper stock, hairline rules that separate every entry, a numbered
left gutter carrying the running count, and ONE claret accent standing in for
the royalty column. No baize green, no gold, no lantern or dragon decoration;
the motif is the card structure itself.
Every anchor rule restates #page-chinese-poker-software because the inline
baseline sets `#page-... a{color:inherit}` at id specificity and would
otherwise out-specify a class-only link colour. */
#page-chinese-poker-software{
--cps-ink:#141A29;
--cps-ink-2:#1E2739;
--cps-bone:#F4F1E9;
--cps-bone-2:#EAE5D8;
--cps-rule:#D5CEBD;
--cps-rule-ink:#2F3A51;
--cps-claret:#8E2438;
--cps-claret-2:#A72D44;
--cps-rose:#E7909C;
--cps-text:#20263A;
--cps-text-2:#414A61;
--cps-on-ink:#EDEAE1;
--cps-on-ink-2:#B7BECE;
--cps-shell:1200px;
--cps-pad:clamp(20px,5vw,40px);
--cps-band-y:clamp(56px,7vw,104px);
font-family:"Inter", system-ui, sans-serif;
font-size:17px;
line-height:1.65;
color:var(--cps-text);
background:var(--cps-bone);
overflow-x:hidden;
}
#page-chinese-poker-software *,
#page-chinese-poker-software *::before,
#page-chinese-poker-software *::after{box-sizing:border-box;}
#page-chinese-poker-software :focus-visible{
outline:3px solid var(--cps-claret-2);
outline-offset:3px;
}
#page-chinese-poker-software .cps-band--ink :focus-visible,
#page-chinese-poker-software .cps-band--claret :focus-visible,
#page-chinese-poker-software .cps-hero :focus-visible{outline-color:var(--cps-rose);}
#page-chinese-poker-software img{max-width:100%;height:auto;display:block;}
#page-chinese-poker-software p{margin:0 0 18px;}
#page-chinese-poker-software p:last-child{margin-bottom:0;}
#page-chinese-poker-software h1,
#page-chinese-poker-software h2,
#page-chinese-poker-software h3{margin:0;font-weight:800;letter-spacing:-.015em;line-height:1.14;}
/* ── shells & bands ─────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-shell{
width:100%;max-width:var(--cps-shell);margin-inline:auto;padding-inline:var(--cps-pad);
}
#page-chinese-poker-software .cps-band{width:100%;padding-block:var(--cps-band-y);}
#page-chinese-poker-software .cps-band--paper{background:var(--cps-bone);}
#page-chinese-poker-software .cps-band--paper2{
background:var(--cps-bone-2);
border-block:1px solid var(--cps-rule);
}
#page-chinese-poker-software .cps-band--ink{background:var(--cps-ink);color:var(--cps-on-ink);}
#page-chinese-poker-software .cps-band--claret{
background:linear-gradient(115deg,#7A1E30 0%,var(--cps-claret) 46%,#5F1826 100%);
color:#FFF6F3;
}
/* ── type primitives ────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-eyebrow{
margin:0 0 14px;font-size:16px;font-weight:700;line-height:1.4;
letter-spacing:.16em;text-transform:uppercase;color:var(--cps-claret);
}
#page-chinese-poker-software .cps-eyebrow--light{color:var(--cps-rose);}
#page-chinese-poker-software .cps-h2{font-size:clamp(28px,3.4vw,44px);color:var(--cps-text);}
#page-chinese-poker-software .cps-h2--light{color:var(--cps-on-ink);}
#page-chinese-poker-software .cps-band--claret .cps-h2--light{color:#FFF6F3;}
#page-chinese-poker-software .cps-p{font-size:17px;color:var(--cps-text-2);}
#page-chinese-poker-software .cps-p--light{color:var(--cps-on-ink-2);}
#page-chinese-poker-software .cps-band--claret .cps-p--light{color:#F6DDE1;}
#page-chinese-poker-software .cps-p--wide{max-width:none;}
#page-chinese-poker-software .cps-secthead{
max-width:900px;margin:0 0 clamp(30px,4vw,52px);
padding-top:22px;border-top:2px solid var(--cps-claret);
}
#page-chinese-poker-software .cps-band--ink .cps-secthead{border-top-color:var(--cps-rose);}
#page-chinese-poker-software .cps-secthead--center{margin-inline:auto;text-align:center;}
/* in-copy links — id restated so the baseline colour:inherit cannot win */
#page-chinese-poker-software a.cps-link{
color:var(--cps-claret);font-weight:700;
border-bottom:1px solid rgba(142,36,56,.45);
transition:color .16s ease,border-color .16s ease;
}
#page-chinese-poker-software a.cps-link:hover,
#page-chinese-poker-software a.cps-link:focus-visible{
color:var(--cps-claret-2);border-bottom-color:var(--cps-claret-2);
}
#page-chinese-poker-software a.cps-link--light{
color:var(--cps-rose);border-bottom-color:rgba(231,144,156,.5);
}
#page-chinese-poker-software a.cps-link--light:hover,
#page-chinese-poker-software a.cps-link--light:focus-visible{
color:#F3B9C2;border-bottom-color:#F3B9C2;
}
/* ── buttons ────────────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-btn{
display:inline-flex;align-items:center;justify-content:center;gap:10px;
min-height:52px;padding:14px 30px;
font:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;
border:2px solid transparent;border-radius:2px;cursor:pointer;
text-align:center;
transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#page-chinese-poker-software .cps-btn--claret{
background:var(--cps-claret-2);color:#FFF6F3;border-color:var(--cps-claret-2);
box-shadow:0 10px 0 -6px rgba(0,0,0,.45);
}
#page-chinese-poker-software .cps-btn--claret:hover{background:#BE3550;border-color:#BE3550;}
#page-chinese-poker-software .cps-btn--bone{
background:var(--cps-bone);color:var(--cps-ink);border-color:var(--cps-bone);
}
#page-chinese-poker-software .cps-btn--bone:hover{background:#FFFFFF;border-color:#FFFFFF;}
#page-chinese-poker-software .cps-btn:active{transform:translateY(2px);}
#page-chinese-poker-software .cps-act{margin:26px 0 0;}
/* ── hero (rule 24: static gradient, no media, centred column) ──────────── */
#page-chinese-poker-software .cps-hero{
width:100%;
padding:clamp(72px,9vw,132px) var(--cps-pad) clamp(56px,7vw,96px);
background:linear-gradient(168deg,#1A2235 0%,var(--cps-ink) 55%,#0F1420 100%);
color:var(--cps-on-ink);
border-bottom:2px solid var(--cps-claret);
}
#page-chinese-poker-software .cps-hero__inner{max-width:900px;margin-inline:auto;text-align:center;}
#page-chinese-poker-software .cps-hero__h1{
font-size:clamp(34px,5.1vw,60px);line-height:1.06;color:#FFFFFF;
margin:0 0 24px;text-wrap:balance;
}
#page-chinese-poker-software .cps-hero__lede{
font-size:clamp(17px,1.35vw,19px);color:var(--cps-on-ink-2);
margin:0 auto;max-width:820px;text-align:left;
}
#page-chinese-poker-software .cps-hero__act{margin:32px 0 0;}
/* the 3 / 5 / 5 settlement rail — decorative boxes, no image, no motion */
#page-chinese-poker-software .cps-rowrail{
display:flex;flex-direction:column;align-items:center;gap:9px;
margin-top:clamp(38px,5vw,58px);
}
#page-chinese-poker-software .cps-rowrail__row{display:flex;gap:9px;}
#page-chinese-poker-software .cps-rowrail__row i{
display:block;width:clamp(26px,4.2vw,42px);height:clamp(38px,6vw,60px);
border:1px solid var(--cps-rule-ink);border-radius:3px;
background:linear-gradient(180deg,rgba(237,234,225,.09),rgba(237,234,225,.02));
}
#page-chinese-poker-software .cps-rowrail__row:first-child i{border-color:var(--cps-claret-2);}
/* ── breadcrumb ─────────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-crumbband{
width:100%;background:var(--cps-bone-2);border-bottom:1px solid var(--cps-rule);
}
#page-chinese-poker-software .cps-crumb{
display:flex;align-items:center;gap:10px;flex-wrap:wrap;
padding-block:14px;font-size:16px;color:var(--cps-text-2);
}
#page-chinese-poker-software a.cps-crumb__home{
display:inline-flex;align-items:center;justify-content:center;
width:30px;height:30px;border:1px solid var(--cps-rule);border-radius:2px;
background:var(--cps-bone);transition:border-color .16s ease;
}
#page-chinese-poker-software a.cps-crumb__home:hover{border-color:var(--cps-claret);}
#page-chinese-poker-software a.cps-crumb__link{
color:var(--cps-claret);font-weight:700;
}
#page-chinese-poker-software a.cps-crumb__link:hover{color:var(--cps-claret-2);text-decoration:underline;}
#page-chinese-poker-software .cps-crumb__here{color:var(--cps-text);font-weight:600;}
/* ── experts / collaborate / hire : paired copy + plate ─────────────────── */
#page-chinese-poker-software .cps-experts__grid,
#page-chinese-poker-software .cps-collab__grid,
#page-chinese-poker-software .cps-hire__grid{
display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,54px);align-items:center;
}
#page-chinese-poker-software .cps-experts__copy .cps-h2,
#page-chinese-poker-software .cps-collab__copy .cps-h2,
#page-chinese-poker-software .cps-hire__copy .cps-h2{margin-bottom:20px;}
#page-chinese-poker-software .cps-experts__shot img,
#page-chinese-poker-software .cps-collab__shot img,
#page-chinese-poker-software .cps-hire__shot img{
width:100%;border-radius:3px;border:1px solid var(--cps-rule);
}
#page-chinese-poker-software .cps-experts__shot,
#page-chinese-poker-software .cps-collab__shot,
#page-chinese-poker-software .cps-hire__shot{margin:0;}
#page-chinese-poker-software .cps-collab__shot img,
#page-chinese-poker-software .cps-hire__shot img{border-color:rgba(255,255,255,.18);}
/* ── the ledger (admin control set) ─────────────────────────────────────── */
#page-chinese-poker-software .cps-ledger{
list-style:none;margin:0;padding:0;counter-reset:cpsrow;
display:grid;grid-template-columns:1fr;
border-top:1px solid var(--cps-rule);
}
#page-chinese-poker-software .cps-ledger__item{
counter-increment:cpsrow;
position:relative;padding:24px 0 24px 54px;
border-bottom:1px solid var(--cps-rule);
}
#page-chinese-poker-software .cps-ledger__item::before{
content:counter(cpsrow,decimal-leading-zero);
position:absolute;left:0;top:26px;
font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
letter-spacing:.06em;color:var(--cps-claret);
}
#page-chinese-poker-software .cps-ledger__t{font-size:20px;margin:0 0 8px;color:var(--cps-text);}
#page-chinese-poker-software .cps-ledger__p{margin:0;font-size:17px;color:var(--cps-text-2);}
/* ── screenshots rail ───────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-shots__rail{
list-style:none;margin:0;padding:0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:clamp(14px,2vw,24px);
}
#page-chinese-poker-software .cps-shots__cell{
border:1px solid var(--cps-rule);border-radius:4px;background:#FFFFFF;
padding:12px;
}
#page-chinese-poker-software .cps-shots__cell img{width:100%;border-radius:2px;}
/* ── split list (player-side features) ──────────────────────────────────── */
#page-chinese-poker-software .cps-split{
display:grid;grid-template-columns:1fr;gap:0;
border-top:2px solid var(--cps-text);
}
#page-chinese-poker-software .cps-split__item{
padding:24px 0;border-bottom:1px solid var(--cps-rule);
}
#page-chinese-poker-software .cps-split__t{
font-size:20px;margin:0 0 8px;color:var(--cps-text);
}
#page-chinese-poker-software .cps-split__t::before{
content:"";display:inline-block;width:14px;height:2px;
background:var(--cps-claret);vertical-align:middle;margin-right:10px;
}
#page-chinese-poker-software .cps-split__p{margin:0;font-size:17px;color:var(--cps-text-2);}
/* ── slabs (game kinds) ─────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-kinds__grid{
display:grid;grid-template-columns:1fr;gap:clamp(16px,2vw,24px);
}
#page-chinese-poker-software .cps-slab{
background:#FFFFFF;border:1px solid var(--cps-rule);
border-left:4px solid var(--cps-claret);
border-radius:0 4px 4px 0;padding:26px 26px 28px;
}
#page-chinese-poker-software .cps-slab__t{font-size:21px;margin:0 0 10px;}
#page-chinese-poker-software .cps-slab__p{margin:0;font-size:17px;color:var(--cps-text-2);}
/* ── royalty column (benefits, on ink) ──────────────────────────────────── */
#page-chinese-poker-software .cps-royalty{
display:grid;grid-template-columns:1fr;gap:0;counter-reset:cpsroy;
border-top:1px solid var(--cps-rule-ink);
}
#page-chinese-poker-software .cps-royalty__item{
counter-increment:cpsroy;position:relative;
padding:24px 0 24px 56px;border-bottom:1px solid var(--cps-rule-ink);
}
#page-chinese-poker-software .cps-royalty__item::before{
content:"+" counter(cpsroy);
position:absolute;left:0;top:26px;
font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
color:var(--cps-rose);
}
#page-chinese-poker-software .cps-royalty__t{font-size:20px;margin:0 0 8px;color:var(--cps-on-ink);}
#page-chinese-poker-software .cps-royalty__p{margin:0;font-size:17px;color:var(--cps-on-ink-2);}
/* ── solution columns ───────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-solution__grid{
display:grid;grid-template-columns:1fr;gap:0;
}
#page-chinese-poker-software .cps-solution__col{
padding:26px 0;border-top:2px solid var(--cps-text);
}
#page-chinese-poker-software .cps-solution__t{font-size:22px;margin:0 0 10px;}
#page-chinese-poker-software .cps-solution__p{margin:0;font-size:17px;color:var(--cps-text-2);}
/* ── process steps ──────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-steps{
list-style:none;margin:0;padding:0;counter-reset:cpsstep;
display:grid;grid-template-columns:1fr;gap:clamp(18px,2.2vw,26px);
}
#page-chinese-poker-software .cps-step{
counter-increment:cpsstep;position:relative;
background:#FFFFFF;border:1px solid var(--cps-rule);border-radius:4px;
padding:26px 26px 24px;
}
#page-chinese-poker-software .cps-step::after{
content:counter(cpsstep,decimal-leading-zero);
position:absolute;right:20px;top:18px;
font-size:16px;font-weight:800;letter-spacing:.08em;color:var(--cps-rule);
}
#page-chinese-poker-software .cps-step__icon{width:46px;height:46px;margin-bottom:16px;}
#page-chinese-poker-software .cps-step__t{font-size:20px;margin:0 0 14px;}
#page-chinese-poker-software .cps-ticks{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
#page-chinese-poker-software .cps-ticks li{
display:flex;align-items:flex-start;gap:10px;
font-size:16px;line-height:1.55;color:var(--cps-text-2);
}
#page-chinese-poker-software .cps-ticks li img{width:16px;height:16px;margin-top:5px;flex:0 0 16px;}
/* ── technology stack table ─────────────────────────────────────────────── */
#page-chinese-poker-software .cps-stack__table{
width:100%;border-collapse:collapse;background:#FFFFFF;
border:1px solid var(--cps-rule);
}
#page-chinese-poker-software .cps-stack__table th,
#page-chinese-poker-software .cps-stack__table td{
padding:18px 20px;text-align:left;vertical-align:middle;
border-bottom:1px solid var(--cps-rule);font-size:17px;
}
#page-chinese-poker-software .cps-stack__table tr:last-child th,
#page-chinese-poker-software .cps-stack__table tr:last-child td{border-bottom:0;}
#page-chinese-poker-software .cps-stack__table th{
width:38%;font-weight:800;color:var(--cps-text);
border-right:1px solid var(--cps-rule);background:var(--cps-bone);
}
#page-chinese-poker-software .cps-chip{
display:inline-block;margin:4px 8px 4px 0;padding:6px 14px;
border:1px solid var(--cps-rule);border-radius:2px;
background:var(--cps-bone);font-size:16px;font-weight:600;color:var(--cps-text);
}
/* ── engagement models ──────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-models__grid{
display:grid;grid-template-columns:1fr;gap:clamp(18px,2.2vw,26px);
}
#page-chinese-poker-software .cps-model{
background:#FFFFFF;border:1px solid var(--cps-rule);border-top:4px solid var(--cps-claret);
border-radius:0 0 4px 4px;padding:26px 26px 28px;
}
#page-chinese-poker-software .cps-model__t{font-size:21px;margin:0 0 12px;}
#page-chinese-poker-software .cps-model__p{font-size:17px;color:var(--cps-text-2);margin:0 0 18px;}
#page-chinese-poker-software .cps-ticks--sm li{font-size:16px;}
/* ── platforms (on ink) ─────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-platforms__grid{
display:grid;grid-template-columns:1fr;gap:clamp(20px,2.6vw,30px);
}
#page-chinese-poker-software .cps-plat{
border:1px solid var(--cps-rule-ink);border-radius:4px;
background:var(--cps-ink-2);padding:26px;
}
#page-chinese-poker-software .cps-plat__icon{
width:56px;height:56px;padding:9px;margin-bottom:18px;
background:var(--cps-bone);border-radius:3px;
}
#page-chinese-poker-software .cps-plat__t{font-size:21px;margin:0 0 10px;color:var(--cps-on-ink);}
#page-chinese-poker-software .cps-plat__p{margin:0;font-size:17px;color:var(--cps-on-ink-2);}
/* ── why us ─────────────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-why__inner{max-width:920px;}
#page-chinese-poker-software .cps-why__inner .cps-h2{margin-bottom:22px;}
/* ── FAQ ────────────────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-faq__inner{max-width:900px;}
#page-chinese-poker-software .cps-faqlist{border-top:2px solid var(--cps-text);}
#page-chinese-poker-software .cps-faqitem{border-bottom:1px solid var(--cps-rule);}
#page-chinese-poker-software .cps-faqitem__q{
display:flex;align-items:center;justify-content:space-between;gap:18px;
min-height:56px;padding:18px 0;cursor:pointer;list-style:none;
font-size:19px;font-weight:700;line-height:1.35;color:var(--cps-text);
transition:color .16s ease;
}
#page-chinese-poker-software .cps-faqitem__q::-webkit-details-marker{display:none;}
#page-chinese-poker-software .cps-faqitem__q:hover{color:var(--cps-claret);}
#page-chinese-poker-software .cps-faqitem__mark{
position:relative;flex:0 0 26px;width:26px;height:26px;
border:1px solid var(--cps-claret);border-radius:2px;
}
#page-chinese-poker-software .cps-faqitem__mark::before,
#page-chinese-poker-software .cps-faqitem__mark::after{
content:"";position:absolute;left:50%;top:50%;background:var(--cps-claret);
transform:translate(-50%,-50%);
}
#page-chinese-poker-software .cps-faqitem__mark::before{width:12px;height:2px;}
#page-chinese-poker-software .cps-faqitem__mark::after{
width:2px;height:12px;transition:transform .16s ease,opacity .16s ease;
}
#page-chinese-poker-software .cps-faqitem[open] .cps-faqitem__mark::after{
transform:translate(-50%,-50%) scaleY(0);opacity:0;
}
#page-chinese-poker-software .cps-faqitem__a{padding:0 0 22px;max-width:760px;}
#page-chinese-poker-software .cps-faqitem__a p{margin:0;font-size:17px;color:var(--cps-text-2);}
/* ── customer stories (facades, iframe only on click) ───────────────────── */
#page-chinese-poker-software .cps-stories__grid{
display:grid;grid-template-columns:1fr;gap:clamp(20px,2.6vw,30px);
}
#page-chinese-poker-software .cps-story{
border:1px solid var(--cps-rule-ink);border-radius:4px;
background:var(--cps-ink-2);padding:16px 16px 22px;
}
#page-chinese-poker-software .cps-vid{
position:relative;display:block;width:100%;padding:0;margin:0 0 18px;
border:0;border-radius:3px;overflow:hidden;cursor:pointer;
background:#000;font:inherit;
transition:box-shadow .16s ease;
}
#page-chinese-poker-software .cps-vid:hover{box-shadow:0 0 0 2px var(--cps-rose);}
#page-chinese-poker-software .cps-vid img{width:100%;aspect-ratio:16/10;object-fit:cover;}
#page-chinese-poker-software .cps-vid__play{
position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:58px;height:58px;border-radius:50%;
background:var(--cps-claret-2);
transition:background-color .16s ease;
}
#page-chinese-poker-software .cps-vid__play::after{
content:"";position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);
border-style:solid;border-width:11px 0 11px 18px;
border-color:transparent transparent transparent #FFF6F3;
}
#page-chinese-poker-software .cps-vid:hover .cps-vid__play{background:#BE3550;}
#page-chinese-poker-software .cps-story__frame{
width:100%;aspect-ratio:16/10;border:0;border-radius:3px;display:block;margin:0 0 18px;
}
#page-chinese-poker-software .cps-story__q{margin:0;padding:0 0 0 16px;border-left:2px solid var(--cps-rose);}
#page-chinese-poker-software .cps-story__q p{margin:0;font-size:17px;color:var(--cps-on-ink-2);}
#page-chinese-poker-software .cps-stories__more{margin:30px 0 0;font-size:17px;}
/* ── area we serve ──────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-area__grid{
list-style:none;margin:0;padding:0;
display:grid;grid-template-columns:1fr;gap:0;
}
#page-chinese-poker-software .cps-office{
padding:24px 0;border-top:1px solid var(--cps-rule);
}
#page-chinese-poker-software .cps-office__t{
font-size:18px;letter-spacing:.1em;margin:0 0 10px;color:var(--cps-claret);
}
#page-chinese-poker-software .cps-office__tel{margin:0 0 10px;font-size:17px;font-weight:700;}
#page-chinese-poker-software .cps-office__addr{
display:flex;align-items:flex-start;gap:10px;margin:0;
font-size:16px;color:var(--cps-text-2);
}
#page-chinese-poker-software .cps-office__addr img{width:14px;height:14px;margin-top:5px;flex:0 0 14px;}
/* ── CTA modal ──────────────────────────────────────────────────────────── */
#page-chinese-poker-software .cps-modal{
position:fixed;inset:0;z-index:9999;display:none;
align-items:flex-start;justify-content:center;
padding:24px 16px;overflow-y:auto;
background:rgba(12,16,26,.78);
}
#page-chinese-poker-software .cps-modal.is-open{display:flex;}
#page-chinese-poker-software .cps-modal__box{
position:relative;width:100%;max-width:640px;
background:var(--cps-bone);border-radius:4px;border-top:4px solid var(--cps-claret);
padding:52px 14px 14px;
}
#page-chinese-poker-software .cps-modal__x{
position:absolute;top:12px;right:12px;
width:38px;height:38px;min-height:38px;
display:inline-flex;align-items:center;justify-content:center;
background:var(--cps-bone-2);color:var(--cps-text);
border:1px solid var(--cps-rule);border-radius:2px;cursor:pointer;
transition:background-color .16s ease,color .16s ease;
}
#page-chinese-poker-software .cps-modal__x:hover{background:var(--cps-claret-2);color:#FFF6F3;border-color:var(--cps-claret-2);}
#page-chinese-poker-software .cps-modal__box iframe{
display:block;width:100%;min-height:860px;border:0;background:transparent;
}
/* ── responsive composition ─────────────────────────────────────────────── */
@media (min-width:700px){
#page-chinese-poker-software .cps-ledger{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,44px);}
#page-chinese-poker-software .cps-split{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,44px);}
#page-chinese-poker-software .cps-kinds__grid{grid-template-columns:1fr 1fr;}
#page-chinese-poker-software .cps-royalty{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,44px);}
#page-chinese-poker-software .cps-solution__grid{grid-template-columns:repeat(3,1fr);column-gap:clamp(22px,2.6vw,36px);}
#page-chinese-poker-software .cps-steps{grid-template-columns:1fr 1fr;}
#page-chinese-poker-software .cps-models__grid{grid-template-columns:1fr 1fr;}
#page-chinese-poker-software .cps-platforms__grid{grid-template-columns:repeat(3,1fr);}
#page-chinese-poker-software .cps-stories__grid{grid-template-columns:repeat(3,1fr);}
#page-chinese-poker-software .cps-area__grid{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,44px);}
}
@media (min-width:1000px){
#page-chinese-poker-software .cps-experts__grid{grid-template-columns:1.15fr .85fr;}
#page-chinese-poker-software .cps-collab__grid{grid-template-columns:1fr 1fr;}
#page-chinese-poker-software .cps-hire__grid{grid-template-columns:.85fr 1.15fr;}
#page-chinese-poker-software .cps-ledger{grid-template-columns:repeat(3,1fr);}
#page-chinese-poker-software .cps-steps{grid-template-columns:repeat(3,1fr);}
#page-chinese-poker-software .cps-models__grid{grid-template-columns:repeat(4,1fr);}
#page-chinese-poker-software .cps-area__grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:520px){
#page-chinese-poker-software .cps-hero__lede{text-align:left;}
#page-chinese-poker-software .cps-btn{width:100%;}
#page-chinese-poker-software .cps-rowrail__row{gap:6px;}
#page-chinese-poker-software .cps-modal__box{padding:52px 8px 8px;}
}
/* rule 26 — the only motion on this page is a finite response to hover,
focus, press or an accordion open. Honour the user's reduced-motion choice. */
@media (prefers-reduced-motion:reduce){
#page-chinese-poker-software *,
#page-chinese-poker-software *::before,
#page-chinese-poker-software *::after{
animation:none !important;transition-duration:.01ms !important;
}
}