.page-products{--prod-line:var(--c-gold);background:var(--c-cream);color:var(--c-ink);font-family:var(--font-sans);line-height:1.6}.page-products .prod-section-head{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);max-width:760px}.page-products .prod-section-head .section-title{margin:0}.page-products .prod-section-head p{margin:0}@media(min-width:768px){.page-products .prod-section-head{margin-bottom:var(--space-6)}}.page-products .prod-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,var(--c-deep) 0%,var(--c-deep) 46%,var(--c-royal) 100%);color:var(--c-cream);padding:var(--space-6) 0 var(--space-7);border-bottom:2px solid var(--c-gold)}.page-products .prod-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,241,232,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(245,241,232,0.05) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 46%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 46%,#000 100%)}.page-products .prod-hero::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--c-cinnabar) 0%,var(--c-cinnabar) 38%,var(--c-gold) 38%,var(--c-gold) 100%);z-index:1}.page-products .prod-hero__grid{position:relative;z-index:2;display:grid;gap:var(--space-6);align-items:center}@media(min-width:768px){.page-products .prod-hero__grid{grid-template-columns:1.2fr 1fr;gap:var(--space-7)}.page-products .prod-hero__aside::before{content:"17种玩法 / 4大分类";display:block;position:absolute;top:calc(var(--space-3) * -0.5);right:var(--space-4);writing-mode:vertical-rl;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:0.2em;color:rgba(230,201,104,0.5)}.page-products .prod-hero__aside{position:relative}}@media(min-width:1024px){.page-products .prod-hero__grid{grid-template-columns:1.4fr 1fr}}.page-products .prod-hero__title{font-family:var(--font-serif);font-weight:700;font-size:var(--fs-2xl);line-height:1.15;letter-spacing:0.05em;margin:var(--space-4) 0 var(--space-3)}.page-products .prod-hero__lead{font-size:var(--fs-md);color:rgba(245,241,232,0.86);max-width:36em;margin:0 0 var(--space-5)}.page-products .prod-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);border-top:1px solid rgba(201,162,39,0.3);padding-top:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-gold-bright)}.page-products .prod-index{display:grid;border-top:1px solid rgba(201,162,39,0.45)}.page-products .prod-index__item{display:grid;grid-template-columns:3.4rem 1fr;align-items:baseline;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid rgba(201,162,39,0.25);color:var(--c-cream);text-decoration:none;transition:padding-left var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.page-products .prod-index__item:hover{background:rgba(201,162,39,0.08);padding-left:var(--space-2)}.page-products .prod-index__num{font-family:var(--font-mono);font-size:var(--fs-xl);line-height:1;color:var(--c-gold);font-variant-numeric:tabular-nums}.page-products .prod-index__name{font-family:var(--font-serif);font-size:var(--fs-lg);font-weight:600}.page-products .prod-session{background:var(--c-stone);padding:var(--space-7) 0}.page-products .prod-session__grid{display:grid;gap:var(--space-5)}@media(min-width:768px){.page-products .prod-session__grid{grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}}.page-products .prod-session__figure{margin:0;background:var(--c-cream);border-left:4px solid var(--c-gold)}.page-products .prod-session__img{display:block;width:100%;height:auto}.page-products .prod-session__caption{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-ink);border-bottom:1px solid var(--c-gold)}.page-products .prod-session__entries{display:grid;gap:var(--space-4)}.page-products .prod-session__entry{padding:var(--space-5);background:var(--c-cream);border:1px solid rgba(10,26,47,0.12);border-left:3px solid var(--c-deep)}.page-products .prod-session__entry h3{margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:var(--fs-lg)}.page-products .prod-session__entry p{margin:0 0 var(--space-4);font-size:var(--fs-sm);color:var(--c-ink)}.page-products .prod-session__entry--limited{border-left-color:var(--c-cinnabar)}.page-products .prod-session__mini{margin:var(--space-4) 0 0;max-width:240px;border-top:2px solid var(--c-cinnabar);padding-top:var(--space-3)}.page-products .prod-session__miniimg{display:block;width:100%;height:auto}.page-products .prod-matrix{background-color:var(--c-deep);background-image:linear-gradient(rgba(201,162,39,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,39,0.06) 1px,transparent 1px);background-size:32px 32px;color:var(--c-cream);padding:var(--space-7) 0}.page-products .prod-matrix__title{font-family:var(--font-serif);font-size:var(--fs-xl);margin:0;color:var(--c-gold-bright);border-bottom:1px solid var(--c-gold);padding-bottom:var(--space-3)}.page-products .prod-matrix__intro{max-width:42em;color:rgba(245,241,232,0.78)}.page-products .prod-matrix__canvas{display:grid;gap:var(--space-4);margin-top:var(--space-6)}@media(min-width:900px){.page-products .prod-matrix__canvas{grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.page-products .prod-category--chess{grid-column:span 4}.page-products .prod-category--cards{grid-column:span 2}.page-products .prod-category--mahjong{grid-column:span 2}.page-products .prod-category--arcade{grid-column:span 4}}.page-products .prod-category{background:rgba(22,50,79,0.84);border:1px solid rgba(201,162,39,0.32);padding:var(--space-5);transition:border-color var(--dur-slow) var(--ease),background-color var(--dur-slow) var(--ease)}.page-products .prod-category:hover{border-color:var(--c-gold);background-color:rgba(22,50,79,0.98)}.page-products .prod-category--mahjong{background:rgba(166,58,43,0.3);border-color:rgba(166,58,43,0.5)}.page-products .prod-category--mahjong:hover{border-color:var(--c-cinnabar);background-color:rgba(166,58,43,0.4)}.page-products .prod-category--arcade{background:linear-gradient(135deg,rgba(22,50,79,0.92),rgba(10,26,47,0.96));border-color:rgba(184,196,190,0.28)}.page-products .prod-category--arcade:hover{border-color:var(--c-jade)}.page-products .prod-category__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid rgba(201,162,39,0.4);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.page-products .prod-category__code{font-family:var(--font-serif);color:var(--c-gold);font-size:var(--fs-sm);letter-spacing:0.1em}.page-products .prod-category__head h3{font-family:var(--font-serif);font-size:var(--fs-lg);margin:0}.page-products .prod-category__count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-gold-bright);border:1px solid var(--c-gold);padding:var(--space-1) var(--space-2)}.page-products .prod-taglist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.page-products .prod-tag{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(245,241,232,0.06);border:1px solid rgba(245,241,232,0.2);border-radius:0;padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:var(--c-cream);transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.page-products .prod-tag:hover{border-color:var(--c-gold);background-color:rgba(201,162,39,0.12)}.page-products .prod-tag__name{font-weight:500}.page-products .prod-tag__dev{font-family:var(--font-mono);font-size:0.6875rem;color:var(--c-gold-bright);border-left:1px solid rgba(245,241,232,0.3);padding-left:var(--space-2)}.page-products .prod-rules{background-color:var(--c-cream);background-image:linear-gradient(rgba(216,207,192,0.42) 1px,transparent 1px),linear-gradient(90deg,rgba(216,207,192,0.42) 1px,transparent 1px);background-size:48px 48px;padding:var(--space-7) 0}.page-products .prod-rules__grid{display:grid;gap:var(--space-6)}@media(min-width:900px){.page-products .prod-rules__grid{grid-template-columns:minmax(280px,360px) 1fr;gap:var(--space-7);align-items:start}}.page-products .prod-rules__figure{margin:0;max-width:340px}.page-products .prod-rules__img{display:block;width:100%;height:auto;border:1px solid var(--c-stone);box-shadow:12px 12px 0 rgba(10,26,47,0.1)}.page-products .prod-rules__content{min-width:0}.page-products .prod-rules__brief{margin:var(--space-5) 0;border-top:1px solid var(--c-gold);border-bottom:1px solid var(--c-gold);padding:var(--space-3) 0}.page-products .prod-rules__brief summary{cursor:pointer;font-weight:600;color:var(--c-deep);padding:var(--space-2) 0;list-style:none}.page-products .prod-rules__brief summary::-webkit-details-marker{display:none}.page-products .prod-rules__brief summary::before{content:"＋";color:var(--c-cinnabar);margin-right:var(--space-3);font-family:var(--font-mono)}.page-products .prod-rules__brief[open] summary::before{content:"－"}.page-products .prod-rules__briefbody{margin-top:var(--space-3);padding:var(--space-3) 0 var(--space-2);border-top:1px solid rgba(166,58,43,0.15)}.page-products .prod-rules__briefbody p{margin:0 0 var(--space-3)}.page-products .prod-steps{margin:var(--space-5) 0;padding-left:var(--space-5);display:grid;gap:var(--space-3)}.page-products .prod-steps li{line-height:1.7}.page-products .prod-steps li::marker{color:var(--c-cinnabar);font-family:var(--font-mono)}.page-products .prod-navcollection{background:var(--c-stone);border-top:1px solid var(--c-gold);border-bottom:1px solid var(--c-gold);padding:var(--space-7) 0}.page-products .prod-navcollection__grid{display:grid;gap:var(--space-6)}@media(min-width:900px){.page-products .prod-navcollection__grid{grid-template-columns:1fr 380px;gap:var(--space-7);align-items:center}}.page-products .prod-navcollection__content{min-width:0}.page-products .prod-navcollection__tiers{display:grid;gap:var(--space-4);margin-top:var(--space-5)}@media(min-width:768px){.page-products .prod-navcollection__tiers{grid-template-columns:1fr 1fr}}.page-products .prod-nav-tier{background:rgba(245,241,232,0.5);border:1px solid rgba(10,26,47,0.14);border-top:2px solid var(--c-gold);padding:var(--space-4)}.page-products .prod-nav-tier h3{font-family:var(--font-serif);font-size:var(--fs-md);margin:0 0 var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.page-products .prod-nav-tier p{margin:0;font-size:var(--fs-sm);color:var(--c-ink)}.page-products .prod-navcollection__steps{margin-top:var(--space-5)}.page-products .prod-fav-btn{margin-top:var(--space-5)}.page-products .prod-fav-btn[aria-pressed="true"]{background:var(--c-gold);color:var(--c-deep);border-color:var(--c-gold)}.page-products .prod-navcollection__figure{margin:0;background:var(--c-cream);border:1px solid var(--c-gold);padding:var(--space-2)}.page-products .prod-navcollection__img{display:block;width:100%;height:auto}.page-products .prod-personal{background:var(--c-royal);color:var(--c-cream);border-top:2px solid var(--c-gold);padding:var(--space-7) 0}.page-products .prod-personal__grid{display:grid;gap:var(--space-6)}@media(min-width:900px){.page-products .prod-personal__grid{grid-template-columns:400px 1fr;gap:var(--space-7);align-items:center}}.page-products .prod-personal__figure{margin:0;background:var(--c-deep);border:1px solid rgba(201,162,39,0.35);padding:var(--space-2)}.page-products .prod-personal__img{display:block;width:100%;height:auto}.page-products .prod-personal__content{min-width:0}.page-products .prod-personal__title{font-family:var(--font-serif);font-size:var(--fs-xl);margin:0;color:var(--c-gold-bright);border-bottom:1px solid var(--c-gold);padding-bottom:var(--space-3)}.page-products .prod-personal__note{color:rgba(245,241,232,0.82);margin:var(--space-4) 0 0;max-width:42em}.page-products .prod-servicelist{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;gap:var(--space-1)}.page-products .prod-servicelist li{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid rgba(245,241,232,0.18)}.page-products .prod-servicelist strong{font-family:var(--font-serif);font-weight:600;color:var(--c-gold-bright)}.page-products .prod-servicelist span{color:rgba(245,241,232,0.7);font-size:var(--fs-sm);text-align:right}.page-products .prod-gate{background:var(--c-cream);padding:var(--space-6) 0}@media(min-width:768px){.page-products .prod-gate{padding:var(--space-7) 0}}.page-products .prod-gate__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.page-products .prod-gate__inner h2{font-family:var(--font-serif);font-size:var(--fs-lg);margin:0}.page-products .prod-gate__links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.page-products .prod-gate__links a{color:var(--c-deep);text-decoration:none;border-bottom:1px solid var(--c-gold);padding-bottom:var(--space-1);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.page-products .prod-gate__links a:hover{color:var(--c-cinnabar);border-color:var(--c-cinnabar)}