/* Style reminder: Jojo collection pages use a deep navy discovery environment, cyan navigation signals and warm food accents. Every unavailable original cover is a clearly marked graphic fallback; never fabricate restaurant imagery. */
:root{--night:#070c25;--ink:#f3f7ff;--muted:#afbedb;--line:rgba(128,160,255,.24);--cyan:#33d8d1;--orange:#ff8039;--gold:#f7c76e;--violet:#8565ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 12%,rgba(255,128,57,.14),transparent 25rem),radial-gradient(circle at 91% 75%,rgba(51,216,209,.1),transparent 26rem),var(--night);color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif}a{color:inherit;text-decoration:none}.top{position:relative;overflow:hidden;padding:1rem 0 4.25rem;background:radial-gradient(circle at 82% 8%,rgba(255,128,57,.42),transparent 26%),radial-gradient(circle at 67% 70%,rgba(51,216,209,.15),transparent 28%),linear-gradient(135deg,#070b22,#151d49 56%,#0d1536)}.top:before{content:"";position:absolute;right:-8rem;bottom:-12rem;width:34rem;height:34rem;border:1px solid rgba(51,216,209,.25);border-radius:50%;box-shadow:0 0 0 2rem rgba(133,101,255,.07),0 0 0 5rem rgba(51,216,209,.04)}.shell{position:relative;z-index:1;width:min(100% - 2rem,1080px);margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}.back{display:inline-flex;align-items:center;gap:.5rem;color:#e5ecff;font-size:.86rem;font-weight:800}.back:hover,.profile a:hover{color:var(--cyan)}.lang{display:flex;padding:.23rem;border:1px solid rgba(164,186,255,.32);border-radius:999px;background:rgba(10,17,48,.56)}.lang button{border:0;border-radius:999px;padding:.43rem .7rem;color:#cfd9f5;background:transparent;font:800 .74rem/1 "Noto Sans SC",sans-serif;cursor:pointer}.lang button.active{color:#071126;background:var(--cyan);box-shadow:0 0 1.1rem rgba(51,216,209,.35)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:end;gap:2rem;margin-top:3.1rem}.eyebrow{display:inline-flex;gap:.45rem;align-items:center;padding:.4rem .68rem;border:1px solid rgba(247,199,110,.45);border-radius:999px;color:#ffe2aa;background:rgba(255,128,57,.1);font-size:.75rem;font-weight:900}h1{max-width:700px;margin:.85rem 0 .55rem;font:900 clamp(2.15rem,5.25vw,3.65rem)/1.08 "Noto Sans SC",sans-serif;letter-spacing:-.065em;text-wrap:balance}.hero p{max-width:680px;margin:0;color:#ced9f2;font-size:.96rem;line-height:1.8}.profile{align-self:center;padding:1rem;border:1px solid rgba(128,160,255,.34);border-radius:1rem;background:linear-gradient(135deg,rgba(133,101,255,.14),rgba(51,216,209,.08));backdrop-filter:blur(12px)}.profile small{display:block;color:#9eb0da;font-size:.67rem;font-weight:800;letter-spacing:.1em}.profile strong{display:block;margin:.35rem 0 .45rem;font-size:.97rem}.profile a{display:inline-flex;gap:.45rem;align-items:center;font-size:.78rem;font-weight:900}.feed{position:relative;width:min(100% - 2rem,1080px);margin:-1.7rem auto 3rem;padding:1rem;overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;background:linear-gradient(145deg,rgba(20,31,70,.97),rgba(10,18,48,.98));box-shadow:0 1.5rem 4.5rem rgba(0,0,0,.28)}.feed:before{content:"";position:absolute;right:-7rem;top:-8rem;width:17rem;height:17rem;border:1px solid rgba(51,216,209,.14);border-radius:50%;box-shadow:0 0 0 2.2rem rgba(133,101,255,.035);pointer-events:none}.head,.hint,.notes,.disclaimer{position:relative;z-index:1}.head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .45rem 1.15rem}.head h2{display:flex;gap:.6rem;align-items:center;margin:0;font-size:1.08rem;font-weight:900}.head h2 i{color:var(--cyan)}.count{padding:.36rem .64rem;border:1px solid rgba(51,216,209,.3);border-radius:999px;color:#c7fffa;background:rgba(51,216,209,.1);font-size:.72rem;font-weight:900}.hint{display:flex;gap:.5rem;align-items:center;margin:0 .45rem .75rem;padding:.66rem .78rem;border:1px solid rgba(247,199,110,.26);border-radius:.85rem;color:#ffdf9d;background:linear-gradient(90deg,rgba(255,128,57,.13),rgba(133,101,255,.1));font-size:.78rem;font-weight:800}.hint i{color:var(--gold)}.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.note{overflow:hidden;border:1px solid rgba(128,160,255,.2);border-radius:1rem;background:linear-gradient(155deg,#17234e,#0e1737);box-shadow:0 .3rem 1.2rem rgba(0,0,0,.17);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.note:hover{transform:translateY(-5px);border-color:rgba(51,216,209,.56);box-shadow:0 1rem 2rem rgba(0,0,0,.32),0 0 1.6rem rgba(51,216,209,.08)}.cover{position:relative;display:grid;place-items:center;aspect-ratio:3/4;overflow:hidden;background:radial-gradient(circle at 30% 30%,var(--a),transparent 25%),radial-gradient(circle at 75% 74%,var(--b),transparent 28%),linear-gradient(150deg,var(--c),#0a1c40 72%)}.cover:before{content:attr(data-top);position:absolute;top:14%;color:#c9fffb;font:900 .86rem/1 Poppins,sans-serif;letter-spacing:.12em;text-align:center}.cover:after{content:attr(data-bottom);position:absolute;bottom:14%;color:#ffe0a3;font:900 .72rem/1 Poppins,sans-serif;letter-spacing:.13em;text-align:center}.cover i{position:relative;z-index:1;color:#ffe0a3;font-size:4.7rem;filter:drop-shadow(0 .5rem .9rem rgba(0,0,0,.45))}.cover-tag{position:absolute;top:.42rem;left:.42rem;z-index:2;display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .32rem;border-radius:.38rem;color:#071126;background:var(--gold);box-shadow:0 .16rem .5rem rgba(247,199,110,.22);font-size:.53rem;font-weight:900}.cover-tag i{font-size:.82em}.cover-fallback{position:absolute;right:.55rem;bottom:.55rem;z-index:2;padding:.23rem .35rem;border:1px solid rgba(255,255,255,.25);border-radius:.4rem;color:#eaf1ff;background:rgba(7,12,37,.55);font-size:.53rem;font-weight:800;letter-spacing:.05em}.note-body{padding:.85rem .9rem .9rem}.tags{display:flex;flex-wrap:wrap;gap:.35rem}.tags span{padding:.25rem .45rem;border:1px solid rgba(51,216,209,.2);border-radius:999px;color:#bffefa;background:rgba(51,216,209,.08);font-size:.64rem;font-weight:800}.note h3{display:-webkit-box;overflow:hidden;margin:.58rem 0 .42rem;color:#fff;font-size:1.02rem;font-weight:900;line-height:1.43;letter-spacing:-.035em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note p{display:-webkit-box;overflow:hidden;min-height:3.5em;margin:0;color:#b9c5df;font-size:.78rem;line-height:1.62;-webkit-box-orient:vertical;-webkit-line-clamp:3}.foot{display:flex;justify-content:space-between;gap:.65rem;align-items:center;margin-top:.8rem;padding-top:.7rem;border-top:1px solid rgba(128,160,255,.17);color:#9daccc;font-size:.7rem}.foot strong{color:#ffd48b;font-size:.71rem}.foot i{color:var(--cyan)}.disclaimer{margin:.9rem .45rem .2rem;color:#aab8d5;font-size:.72rem;line-height:1.65}.cover.cover--real{background:#07112d}.cover.cover--real:before,.cover.cover--real:after{display:none}.cover-real{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.88) saturate(1.05)}.cover.cover--real:has(.cover-tag)::after{display:block;content:"";inset:0;z-index:1;bottom:auto;background:linear-gradient(180deg,transparent 36%,rgba(4,10,30,.58) 100%)}@media(max-width:700px){.top{padding-bottom:3rem}.hero{grid-template-columns:1fr;gap:1.1rem;margin-top:2.25rem}.profile{max-width:330px}.feed{width:min(100% - 1rem,680px);padding:.65rem;border-radius:1.05rem}.notes{gap:.55rem}.note{border-radius:.8rem}.note-body{padding:.68rem}.note h3{font-size:.86rem}.note p{min-height:4.8em;font-size:.7rem}.foot{flex-direction:column;align-items:flex-start;gap:.35rem}h1{font-size:2.18rem}.cover i{font-size:3.8rem}.cover:before{font-size:.63rem}.cover:after{font-size:.61rem}}