/* paper_origami :: 折纸艺术 / 米白纸感 / 几何切角 */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --po-paper:#faf5ec;--po-paper2:#f5ecd9;--po-paper3:#ede0c2;
  --po-ink:#3a2f24;--po-mut:#7a6a55;
  --po-c1:#d97757;--po-c2:#5a8a72;--po-c3:#c9a23a;--po-c4:#7a6a8a;
  --po-acc:#a86a3d;
  --po-shadow:0 1px 0 rgba(0,0,0,.04),0 8px 20px rgba(58,47,36,.12);
  --po-fold:linear-gradient(135deg,transparent 49.5%,rgba(0,0,0,.06) 50%,transparent 50.5%);
  --po-serif:Georgia,'Times New Roman',serif;
  --po-sans:'Inter','Helvetica Neue',Arial,sans-serif;
}
html,body{background:var(--po-paper);color:var(--po-ink);font-family:var(--po-sans);line-height:1.7;font-size:15px}
img,mip-img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.po-body{background-image:radial-gradient(circle at 20% 10%,rgba(201,168,128,.08),transparent 40%),radial-gradient(circle at 80% 90%,rgba(201,168,128,.08),transparent 40%);min-height:100vh;overflow-x:hidden}

/* floating cranes decoration */
.po-cranes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.po-cranes i{position:absolute;font-style:normal;opacity:.12;color:var(--po-acc)}
.po-cranes i:nth-child(1){top:12%;left:4%;font-size:40px;animation:poCrane 8s ease-in-out infinite}
.po-cranes i:nth-child(2){top:35%;right:3%;font-size:32px;animation:poCrane 10s ease-in-out infinite 2s}
.po-cranes i:nth-child(3){bottom:18%;left:7%;font-size:36px;animation:poCrane 12s ease-in-out infinite 4s}
@keyframes poCrane{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(5deg)}}

/* fold divider */
.po-fold-line{max-width:1200px;margin:0 auto;padding:24px 32px;display:flex;align-items:center;gap:14px}
.po-fold-line::before,.po-fold-line::after{content:'';flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--po-acc) 0,var(--po-acc) 8px,transparent 8px,transparent 16px);opacity:.3}
.po-fold-line span{font-family:var(--po-serif);font-style:italic;font-size:12px;color:var(--po-acc);opacity:.6}

/* trust badges strip */
.po-trust{max-width:1200px;margin:20px auto;padding:0 32px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.po-trust__item{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);box-shadow:var(--po-shadow);font-size:12px;color:var(--po-mut)}
.po-trust__item strong{color:var(--po-c2);font-weight:700}

/* HEADER */
.po-bar{padding:14px 0;background:var(--po-paper);border-bottom:1px solid rgba(58,47,36,.08);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}
.po-bar__sheet{max-width:1200px;margin:0 auto;padding:6px 24px;display:flex;align-items:center;gap:24px;background:#fff;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));box-shadow:var(--po-shadow);border:1px solid rgba(58,47,36,.06)}
.po-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--po-ink)}
.po-logo__fold{color:var(--po-c1);font-size:20px}
.po-bar__nav{flex:1}
.po-nav{display:flex;gap:4px;flex-wrap:wrap}
.po-nav__item{position:relative}
.po-nav__item>a{display:flex;align-items:center;gap:4px;padding:8px 14px;font-size:14px;font-weight:500;border-radius:0;transition:.2s;color:var(--po-ink)}
.po-nav__item>a em{font-size:10px;font-style:normal;opacity:.5}
.po-nav__item>a:hover{background:var(--po-paper2);color:var(--po-acc)}
.po-nav__sub{position:absolute;top:100%;left:0;min-width:200px;background:#fff;padding:8px;display:none;box-shadow:var(--po-shadow);border:1px solid rgba(58,47,36,.06);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.po-nav__item--drop:hover .po-nav__sub{display:block}
.po-nav__sub li a{display:block;padding:6px 10px;font-size:13px;color:var(--po-mut)}
.po-nav__sub li a:hover{color:var(--po-acc);background:var(--po-paper)}
.po-bar__cta{padding:9px 18px;background:var(--po-acc);color:#fff;font-weight:600;font-size:14px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:.2s}
.po-bar__cta:hover{background:var(--po-c1);transform:translateY(-1px)}
.po-burger{display:none;background:none;border:1px solid rgba(0,0,0,.1);padding:6px 10px;font-size:18px;cursor:pointer}

/* BUTTONS */
.po-btn{display:inline-block;padding:11px 22px;background:var(--po-acc);color:#fff;font-weight:600;font-size:14px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:.2s;border:0;cursor:pointer;font-family:var(--po-sans)}
.po-btn:hover{background:var(--po-c1);transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(58,47,36,.18)}
.po-btn--ghost{background:transparent;color:var(--po-acc);border:1.5px solid var(--po-acc)}
.po-btn--lg{padding:16px 32px;font-size:16px}

/* HEADERS */
.po-h{padding:50px 32px 16px;text-align:center}
.po-h__pre{display:inline-block;font-family:var(--po-serif);font-style:italic;color:var(--po-acc);font-size:14px;margin-bottom:6px}
.po-h__title{font-family:var(--po-serif);font-size:34px;font-weight:700;color:var(--po-ink);letter-spacing:.5px}
.po-h__sub{color:var(--po-mut);font-size:14px;margin-top:6px}
.po-h--inv .po-h__pre{color:var(--po-c2)}

/* HERO */
.po-hero{position:relative;padding:60px 32px;overflow:hidden}
.po-hero__sheet{position:relative;max-width:1100px;margin:0 auto;padding:60px 48px 48px;background:#fff;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));box-shadow:0 4px 0 rgba(0,0,0,.05),0 30px 60px rgba(58,47,36,.18);text-align:center}
.po-hero__corner{position:absolute;width:100px;height:100px;background:var(--po-paper2)}
.po-hero__corner--tl{top:0;left:0;clip-path:polygon(0 0,100% 0,0 100%)}
.po-hero__corner--br{bottom:0;right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}
.po-hero__tag{font-family:var(--po-serif);font-style:italic;color:var(--po-acc);font-size:15px;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px}
.po-hero__tag::before{content:'';width:30px;height:1px;background:var(--po-acc)}
.po-hero__tag::after{content:'';width:30px;height:1px;background:var(--po-acc)}
.po-hero__title{font-family:var(--po-serif);font-size:60px;font-weight:700;line-height:1.1;margin:14px 0 12px;color:var(--po-ink)}
.po-hero__sub{font-size:16px;color:var(--po-mut);max-width:560px;margin:0 auto 28px;line-height:1.8}
.po-hero__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
.po-hero__info{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;font-size:12px;color:var(--po-mut)}
.po-hero__info span{padding:4px 12px;background:var(--po-paper);border:1px dashed rgba(58,47,36,.15)}
.po-hero__info span strong{color:var(--po-c2)}
.po-hero__stat{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:24px;border-top:1px dashed rgba(58,47,36,.18)}
.po-hero__stat>div{text-align:center;padding:14px 0}
.po-hero__stat strong{display:block;font-family:var(--po-serif);font-size:32px;color:var(--po-c1);font-weight:700}
.po-hero__stat span{font-size:12px;color:var(--po-mut);text-transform:uppercase;letter-spacing:1px}
.po-hero__crane{position:absolute;font-size:48px;opacity:.25;animation:poCrane 10s ease-in-out infinite}
.po-hero__crane--1{top:8%;right:8%;color:var(--po-c1);transform:rotate(-12deg)}
.po-hero__crane--2{bottom:14%;left:6%;color:var(--po-c2);transform:rotate(20deg);animation-delay:3s}
.po-hero__crane--3{top:50%;left:4%;color:var(--po-c3);animation-delay:6s}

/* GAMES */
.po-grid{padding-bottom:60px}
.po-grid__wrap{width:100%;max-width:1000px;margin:16px auto;padding:0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;box-sizing:border-box}
.po-cell{position:relative;padding:8px;background:#fff;box-shadow:var(--po-shadow);transition:.25s;overflow:hidden;box-sizing:border-box}
.po-cell:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 12px 30px rgba(58,47,36,.18)}
.po-cell__no{position:absolute;top:8px;right:14px;font-family:var(--po-serif);font-style:italic;color:var(--po-acc);font-size:12px}
.po-cell mip-img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:6px;display:block}
.po-cell__name{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--po-ink)}
.po-cell__rtp{font-size:11px;color:var(--po-c2)}
.po-cell__tag{position:absolute;top:8px;left:8px;font-size:9px;padding:2px 8px;background:var(--po-c1);color:#fff;font-weight:700;text-transform:uppercase;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}

/* STREAM */
.po-stream{padding-bottom:60px;background:linear-gradient(180deg,transparent,var(--po-paper2),transparent)}
.po-stream__rail{overflow:hidden;margin-top:24px;padding:18px 0}
.po-stream__track{display:flex;gap:18px;padding:0 18px;animation:poFlow 38s linear infinite;width:max-content}
.po-stream__cell{flex:0 0 200px;background:#fff;padding:10px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));text-align:center;box-shadow:var(--po-shadow)}
.po-stream__cell mip-img{margin-bottom:6px}
.po-stream__cell span{display:block;font-size:12px;color:var(--po-ink);font-weight:500}
@keyframes poFlow{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* NEWS */
.po-news{padding-bottom:60px}
.po-news__grid{max-width:1200px;margin:24px auto;padding:0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.po-news__card{background:#fff;padding:18px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));box-shadow:var(--po-shadow);transition:.25s}
.po-news__card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(58,47,36,.16)}
.po-news__img{display:block;margin-bottom:12px}
.po-news__title{font-family:var(--po-serif);font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.4;color:var(--po-ink)}
.po-news__title a:hover{color:var(--po-acc)}
.po-news__excerpt{font-size:13px;color:var(--po-mut);margin-bottom:8px;line-height:1.6}
.po-news__date{font-size:12px;color:var(--po-acc);font-style:italic}

/* PROMO */
.po-promo{padding-bottom:60px}
.po-promo__grid{max-width:1200px;margin:24px auto;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.po-promo__card{position:relative;padding:24px 18px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));box-shadow:var(--po-shadow);transition:.25s}
.po-promo__card:hover{transform:translateY(-4px) rotate(-1deg)}
.po-promo__card--c1{background:#fde9dc}
.po-promo__card--c2{background:#dde9e1}
.po-promo__card--c3{background:#f3e6c5}
.po-promo__card--c4{background:#e2dde7}
.po-promo__no{position:absolute;top:10px;right:16px;font-family:var(--po-serif);font-style:italic;font-size:32px;font-weight:700;color:rgba(58,47,36,.18)}
.po-promo__card h3{font-family:var(--po-serif);font-size:18px;font-weight:700;color:var(--po-ink);margin-bottom:8px}
.po-promo__card p{font-size:13px;color:var(--po-mut);line-height:1.6}

/* FAQ */
.po-faq{padding-bottom:60px}
.po-faq__list{max-width:880px;margin:24px auto;padding:0 32px;display:flex;flex-direction:column;gap:10px}
.po-faq__item{background:#fff;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:var(--po-shadow);overflow:hidden}
.po-faq__item summary{padding:16px 22px;cursor:pointer;font-weight:600;color:var(--po-ink);list-style:none;font-size:15px}
.po-faq__item summary::after{content:'+';float:right;color:var(--po-acc);font-size:20px;font-weight:300}
.po-faq__item[open] summary::after{content:'−'}
.po-faq__item p{padding:0 22px 18px;font-size:14px;color:var(--po-mut);line-height:1.8}

/* FINAL */
.po-final{padding:80px 32px;position:relative}
.po-final::before{content:'▲ ✦ ✶ ▲ ✦ ✶ ▲ ✦ ✶';position:absolute;top:20px;left:0;right:0;text-align:center;font-size:14px;color:var(--po-acc);opacity:.15;letter-spacing:20px}
.po-final__sheet{max-width:760px;margin:0 auto;padding:60px 40px;text-align:center;background:linear-gradient(135deg,#fff,#fde9dc);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));box-shadow:0 20px 50px rgba(58,47,36,.18);position:relative}
.po-final__crane{font-size:48px;color:var(--po-c1);display:block;margin-bottom:14px;animation:poCrane 6s ease-in-out infinite}
.po-final h2{font-family:var(--po-serif);font-size:36px;color:var(--po-ink);margin-bottom:12px}
.po-final p{color:var(--po-mut);margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.8}

/* FOOTER */
.po-foot{background:#f0e7d3;padding-top:50px;border-top:1px solid rgba(58,47,36,.08)}
.po-foot__sheet{max-width:1200px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.po-foot__h{font-family:var(--po-serif);font-size:18px;color:var(--po-acc);margin-bottom:14px}
.po-foot__col p,.po-foot__col a{font-size:13px;color:var(--po-mut);line-height:1.9}
.po-foot__col a:hover{color:var(--po-acc)}
.po-foot__fold{color:var(--po-acc) !important;font-style:italic}
.po-foot__bar{max-width:1200px;margin:30px auto 0;padding:18px 32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--po-mut);border-top:1px dashed rgba(58,47,36,.2)}
.po-foot__crane{color:var(--po-c1);font-size:18px}

/* LIST */
.po-list{max-width:1200px;margin:0 auto;padding:30px 32px}
.po-list__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.po-card{position:relative;background:#fff;padding:14px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));box-shadow:var(--po-shadow);transition:.25s}
.po-card:hover{transform:translateY(-3px)}
.po-card__no{position:absolute;top:8px;right:14px;font-family:var(--po-serif);font-style:italic;font-size:13px;color:var(--po-acc);z-index:2}
.po-card__img{display:block;margin-bottom:12px}
.po-card__title{font-family:var(--po-serif);font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.4}
.po-card__title a:hover{color:var(--po-acc)}
.po-card__excerpt{font-size:13px;color:var(--po-mut);margin-bottom:8px}
.po-card__date{font-size:12px;color:var(--po-acc);font-style:italic}

/* DETAIL */
.po-detail{padding:30px 32px}
.po-detail__sheet{max-width:840px;margin:0 auto;background:#fff;padding:50px 50px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));box-shadow:var(--po-shadow)}
.po-detail__pre{font-family:var(--po-serif);font-style:italic;color:var(--po-acc);font-size:14px}
.po-detail__title{font-family:var(--po-serif);font-size:34px;font-weight:700;color:var(--po-ink);margin:8px 0 16px;line-height:1.3}
.po-detail__meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--po-mut);padding-bottom:18px;border-bottom:1px dashed rgba(58,47,36,.2);margin-bottom:24px}
.po-detail__body{font-size:15px;line-height:1.9;color:var(--po-ink)}
.po-detail__body p{margin-bottom:16px}
.po-detail__body img{margin:18px 0;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.po-detail__foot{margin-top:32px;padding-top:20px;border-top:1px dashed rgba(58,47,36,.2);text-align:center}

/* 404 */
.po-404{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:60px 32px}
.po-404__sheet{max-width:560px;background:#fff;padding:60px 40px;text-align:center;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));box-shadow:var(--po-shadow)}
.po-404__crane{font-size:60px;color:var(--po-c1);margin-bottom:14px}
.po-404__num{font-family:var(--po-serif);font-size:96px;color:var(--po-acc);font-weight:700;line-height:1}
.po-404__msg{color:var(--po-mut);margin:12px 0 24px}

/* RESPONSIVE */
@media(max-width:980px){
  .po-grid__wrap,.po-promo__grid{grid-template-columns:repeat(2,1fr)}
  .po-news__grid,.po-list__grid,.po-foot__sheet{grid-template-columns:repeat(2,1fr)}
  .po-hero__title{font-size:42px}
  .po-hero__stat{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .po-burger{display:block}
  .po-bar__nav{display:none;width:100%;order:3}
  .po-bar--open .po-bar__nav{display:block}
  .po-bar--open .po-nav{flex-direction:column}
  .po-grid__wrap,.po-promo__grid,.po-news__grid,.po-list__grid,.po-foot__sheet{grid-template-columns:1fr}
  .po-hero__sheet{padding:40px 24px}
  .po-hero__title{font-size:32px}
  .po-detail__sheet{padding:30px 22px}
  .po-final h2{font-size:28px}
  .po-404__num{font-size:64px}
}

/* About */
.po-about{max-width:1100px;margin:40px auto;padding:0 28px}
.po-about__body{background:var(--po-card);border-radius:8px;padding:28px 32px;font-size:15px;line-height:1.9;color:var(--po-txt);box-shadow:0 2px 8px rgba(0,0,0,.04)}
.po-about__body p{margin-bottom:12px}