/* Yalla China — Chinese arts pages (actors, films, singers): cinema red, black velvet, gold. */
.ax{--ink:#1c1412;--muted:#6f625c;--line:#ece4df;--red:#a3121e;--red-2:#d4142a;--gold:#c9a24a;--night:#120b0b;--card:#fff;
  color:var(--ink);background:#f7f3f0;min-height:60vh}
.ax-hero{position:relative;background:radial-gradient(900px 340px at 50% -20%,#5c0c12 0%,var(--night) 70%);color:#f6e9d6;text-align:center;padding:42px 16px 36px;overflow:hidden}
.ax-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:repeating-linear-gradient(90deg,var(--gold) 0 14px,transparent 14px 22px);opacity:.55}
.ax-hero h1{font-size:clamp(26px,5vw,40px);margin:0 0 8px;color:#f3d48a;text-wrap:balance}
.ax-hero p{max-width:640px;margin:0 auto;font-size:15px;line-height:1.8;opacity:.9}
.ax-wrap{max-width:1180px;margin:0 auto;padding:24px 16px 70px}
.ax-crumb{font-size:14px;margin-bottom:14px}
.ax-crumb a{color:var(--red);font-weight:700;text-decoration:none}
.ax-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.ax-tools input{flex:1 1 240px;min-width:0;padding:12px 16px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px;background:#fff}
.ax-tabs{display:flex;gap:6px;flex-wrap:wrap}
.ax-tabs a{padding:9px 16px;border-radius:30px;border:1px solid var(--line);background:#fff;color:inherit;text-decoration:none;font-weight:800;font-size:13px}
.ax-tabs a.on{background:var(--red);border-color:var(--red);color:#fff}
.ax-note{font-size:12.5px;color:var(--muted);margin-bottom:18px;line-height:1.7}

/* person / film cards with photo */
.ax-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.ax-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}
.ax-card:hover,.ax-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 34px rgba(80,10,15,.18)}
.ax-ph{aspect-ratio:3/4;max-width:100%;background:linear-gradient(160deg,#2a1414,#5c0c12);display:grid;place-items:center;overflow:hidden;position:relative}
.ax-ph img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ax-card:hover .ax-ph img{transform:scale(1.05)}
.ax-ph .ini{font-size:46px;color:#f3d48a;font-weight:900;font-family:"Songti SC","STSong","SimSun",serif}
.ax-badge{position:absolute;top:10px;inset-inline-start:10px;font-size:10px;font-weight:900;background:var(--gold);color:#2a1a05;border-radius:20px;padding:2px 8px}
.ax-body{padding:12px 14px 14px}
.ax-body .n{font-size:16px;font-weight:900;line-height:1.35}
.ax-body .z{font-size:14px;color:var(--red);font-weight:800;margin-top:2px}
.ax-body .m{font-size:12px;color:var(--muted);margin-top:6px}
.ax-pager{display:flex;justify-content:center;gap:10px;margin-top:22px}
.ax-pager a{padding:10px 18px;border-radius:10px;background:var(--red);color:#fff;text-decoration:none;font-weight:800}
.ax-empty{text-align:center;padding:60px 16px;color:var(--muted)}

/* hub */
.ax-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin:0 auto}
.ax-hub a{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:36px 20px;border-radius:20px;text-decoration:none;color:#f6e9d6;
  background:radial-gradient(500px 220px at 50% 0%,#6e1018 0%,var(--night) 75%);border:1px solid rgba(201,162,74,.35);box-shadow:0 14px 30px rgba(40,5,8,.25);transition:transform .2s ease,box-shadow .2s ease}
.ax-hub a:hover,.ax-hub a:focus-visible{transform:translateY(-6px);box-shadow:0 26px 44px rgba(40,5,8,.38),0 0 0 2px rgba(201,162,74,.6)}
.ax-hub .ico{font-size:54px;line-height:1}
.ax-hub .t{font-size:23px;font-weight:900;color:#f3d48a}
.ax-hub .zh{font-size:15px;opacity:.85}
.ax-hub .s{font-size:14px;line-height:1.7;opacity:.85}
.ax-hub .c{font-size:13px;font-weight:800;color:#f3d48a}

/* profile */
.ax-prof{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:28px;align-items:start}
.ax-photo{border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#2a1414,#5c0c12);aspect-ratio:3/4;max-width:100%;display:grid;place-items:center;box-shadow:0 20px 40px rgba(40,5,8,.25)}
.ax-photo img{width:100%;height:100%;object-fit:cover}
.ax-photo .ini{font-size:90px;color:#f3d48a;font-weight:900}
.ax-credit{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5;overflow-wrap:anywhere}
.ax-head h1{font-size:clamp(28px,5vw,42px);margin:0;line-height:1.2;text-wrap:balance}
.ax-head .z{font-size:24px;color:var(--red);font-weight:900;margin-top:6px}
.ax-head .en{font-size:15px;color:var(--muted);margin-top:2px}
.ax-gold{display:inline-block;font-size:12px;font-weight:800;background:#fdf3d8;color:#7a5a12;border:1px solid #ecd59a;border-radius:20px;padding:3px 12px;margin-top:12px}
.ax-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:18px 0}
.ax-fact{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.ax-fact b{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.ax-sec{margin-top:26px}
.ax-sec h2{font-size:19px;font-weight:900;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.ax-sec h2::before{content:"";width:6px;height:20px;border-radius:3px;background:var(--red)}
.ax-sec p{line-height:2;margin:0 0 12px;font-size:16px}
.ax-works{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.ax-works li{background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:14px}
.ax-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.ax-gallery figure{margin:0;border-radius:12px;overflow:hidden;background:#000;position:relative}
.ax-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .3s}
.ax-gallery figure:hover img{transform:scale(1.04)}
.ax-gallery figcaption{font-size:12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));position:absolute;inset:auto 0 0 0;padding:16px 10px 8px}
.ax-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.ax-video{border-radius:14px;overflow:hidden;background:#000;aspect-ratio:16/9;max-width:100%}
.ax-video iframe{width:100%;height:100%;border:0}
.ax-src{font-size:12.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:26px;line-height:1.7}
.ax-src a{color:var(--red);font-weight:800}

/* admin editor (only for admins) */
.ax-admin{margin-top:34px;border:2px dashed #e0b4b8;border-radius:18px;background:#fff8f8;padding:18px}
.ax-admin h2{font-size:17px;margin:0 0 12px}
.ax-admin form{display:grid;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0d6d8}
.ax-admin label{font-size:13px;font-weight:800}
.ax-admin input[type=text],.ax-admin input[type=url],.ax-admin textarea{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;background:#fff}
.ax-admin textarea{min-height:110px}
.ax-admin button{justify-self:start;padding:9px 18px;border:0;border-radius:10px;background:var(--red);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.ax-admin .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.ax-admin .del{background:#555;padding:4px 10px;font-size:12px}
.ax-ok{background:#e7f7ed;color:#15803d;border-radius:10px;padding:10px 14px;font-weight:800;margin-bottom:14px}
@media (max-width:720px){.ax-prof{grid-template-columns:1fr}.ax-photo{max-width:340px;margin:0 auto;width:100%}}
@media (prefers-reduced-motion:reduce){.ax-card,.ax-hub a,.ax-ph img,.ax-gallery img{transition:none}.ax-card:hover,.ax-hub a:hover{transform:none}}