/* HAPPY88 — "orchid paper" 骨架: or- 类名体系 · 中浅底 · 衬线标题 · 单列瀑布流 */
:root{--ac:#da4e99;--bg:#22111d;--sf:#241420;--ink:#f3edf1;--dim:#bfb0bb;--ln:rgba(0,0,0,.12);--btn:#3a222f;--r:10px;--w:1160px;--dl:linear-gradient(96deg,#855be6,#cb87ee);--li:linear-gradient(96deg,#1e9987,#71f48d);--rg:linear-gradient(96deg,#df728b,#cc1e5e);--serif:Georgia,"Times New Roman",serif}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:16px/1.7 "Helvetica Neue",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--ac);outline-offset:3px;border-radius:4px}
.or-skip{position:absolute;top:8px;left:8px;z-index:99;background:var(--sf);border:1.5px solid var(--ac);color:var(--ink);padding:9px 15px;border-radius:8px;transform:translateY(-70px)}#content:focus+.or-skip{transform:none}
.or-wrap{max-width:var(--w);margin-inline:auto;padding-inline:22px}
.or-bar{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 94%,#fff);border-bottom:2px solid var(--ln)}
.or-barrow{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px}
.or-menu{display:flex;gap:2px;flex-wrap:wrap}.or-menu a{padding:8px 12px;border-radius:7px;color:var(--dim);font-weight:600;font-size:.92rem}
.or-menu a:hover{color:var(--ac);text-decoration:none}.or-menu a[aria-current="page"]{color:var(--ac);border-bottom:2px solid var(--ac);border-radius:7px 7px 0 0}
.or-toggle{display:none;width:42px;height:38px;background:none;border:1.5px solid var(--ln);border-radius:7px;cursor:pointer;position:relative}
.or-toggle i,.or-toggle i::before,.or-toggle i::after{content:"";position:absolute;width:19px;height:2.5px;background:var(--ink);left:11px;border-radius:2px}
.or-toggle i{top:17px}.or-toggle i::before{top:-8px}.or-toggle i::after{top:8px}
.or-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.or-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:0;border-radius:var(--r);font-weight:700;font-size:.94rem;color:var(--btn);cursor:pointer;transition:transform .18s,filter .18s;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.or-cta:hover{transform:translateY(-2px);filter:brightness(1.08);text-decoration:none}
.or-cta--dl{background-image:var(--dl)}.or-cta--in{background-image:var(--li)}.or-cta--rg{background-image:var(--rg)}
.or-cta--ln{background:none;border:1.5px solid var(--ac);color:var(--ac);box-shadow:none}.or-cta--ln:hover{background:color-mix(in srgb,var(--ac) 10%,transparent)}
.or-cta--xs{padding:8px 15px;font-size:.84rem}
.or-mast{position:relative;overflow:hidden;border-bottom:1px solid var(--ln)}
.or-drip{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.or-drip i{position:absolute;top:-8%;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffe9a8,#d4a017 60%,#8a5a00);box-shadow:0 0 7px rgba(255,214,120,.45)}
.or-mastgrid{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center;padding-block:40px}
.or-flag{display:inline-block;padding:5px 14px;border-radius:6px;background:color-mix(in srgb,var(--ac) 14%,transparent);color:var(--ac);font-size:.77rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;margin-bottom:12px}
.or-title{font-family:var(--serif);font-size:clamp(1.85rem,4vw,2.9rem);line-height:1.2;margin-bottom:11px}
.or-title em{color:var(--ac);font-style:normal}
.or-sub{color:var(--dim);max-width:52ch;margin-bottom:14px;font-size:1.01rem}
.or-gains{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:19px}
.or-gains li{list-style:none;font-size:.92rem}.or-gains li::before{content:"✦ ";color:var(--ac)}
.or-reel{position:relative;min-height:295px;border-radius:calc(var(--r) * 1.4);overflow:hidden;border:1.5px solid var(--ln);box-shadow:0 18px 44px rgba(0,0,0,.2);outline:none}
.or-frame{position:absolute;inset:0;opacity:0;transition:opacity .5s}.or-frame.on{opacity:1}
.or-frame img{width:100%;height:100%;object-fit:cover}
.or-frame figcaption{position:absolute;inset:auto 13px 13px;padding:9px 13px;border-radius:var(--r);background:color-mix(in srgb,var(--sf) 88%,#000);font-size:.86rem}
.or-pips{position:absolute;top:13px;right:13px;z-index:3;display:flex;gap:7px}
.or-pips button{width:11px;height:11px;border:1.5px solid var(--ac);border-radius:3px;background:none;padding:0;cursor:pointer;transform:rotate(45deg)}
.or-pips button.on{background:var(--ac)}
.or-part{padding-block:44px;border-bottom:1px solid var(--ln)}
.or-parthead{margin-bottom:22px}
.or-parthead h2{font-family:var(--serif);font-size:1.6rem;margin-bottom:4px}.or-parthead p{color:var(--dim);font-size:.91rem}.or-parthead a{font-size:.87rem}
.or-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.or-box{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.or-box:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.12)}
.or-box h3{font-family:var(--serif);font-size:1.13rem;margin:13px 16px 6px}.or-box p{color:var(--dim);font-size:.9rem;margin:0 16px 15px}
.or-rack{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.or-gcard{position:relative;background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;transition:transform .2s,border-color .2s}
.or-gcard:hover{transform:translateY(-4px);border-color:var(--ac)}
.or-gcard .k{position:absolute;top:9px;left:9px;z-index:2;padding:3px 9px;border-radius:5px;background:color-mix(in srgb,var(--sf) 85%,#000);border:1px solid var(--ac);color:var(--ac);font-size:.7rem;font-weight:700}
.or-gfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px}
.or-gfoot h3{font-family:var(--serif);font-size:.98rem}
.or-talk{display:grid;gap:13px}
.or-tags{display:flex;gap:7px;flex-wrap:wrap}
.or-tags button{padding:7px 14px;border-radius:7px;border:1px solid var(--ln);background:var(--sf);color:var(--dim);font-size:.84rem;cursor:pointer}
.or-tags button.on{background-image:var(--dl);color:var(--btn);border-color:transparent;font-weight:700}
.or-note{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:15px 17px}
.or-note[hidden]{display:none}
.or-notehead{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px;font-size:.84rem;color:var(--dim)}
.or-notehead .fc{width:30px;height:30px;border-radius:7px;background:color-mix(in srgb,var(--ac) 16%,transparent);border:1px solid var(--ac);color:var(--ac);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.or-notehead .lb{margin-left:auto;padding:2px 9px;border-radius:5px;background:color-mix(in srgb,var(--ac) 13%,transparent);color:var(--ac);font-size:.71rem}
.or-note h3{font-family:var(--serif);font-size:1rem;margin-bottom:5px}.or-note>p{color:var(--dim);font-size:.89rem;margin-bottom:9px}
.or-say{border-left:3px solid var(--ac);background:color-mix(in srgb,var(--ac) 8%,transparent);padding:7px 12px;border-radius:0 7px 7px 0;font-size:.87rem;margin-bottom:7px}
.or-say b{color:var(--ac)}
.or-vs{overflow-x:auto;border:1px solid var(--ln);border-radius:var(--r);background:var(--sf)}
.or-vs table{width:100%;min-width:620px;font-size:.9rem}
.or-vs caption{text-align:left;padding:14px 17px 3px;color:var(--dim);font-size:.83rem}
.or-vs th,.or-vs td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--ln)}
.or-vs thead th{font-family:var(--serif);color:var(--ac);background:color-mix(in srgb,var(--ac) 8%,transparent)}
.or-vs .y{color:#2ea44f;font-weight:800}.or-vs .n{color:#cf222e;font-weight:800}.or-vs .m{color:#b08800;font-weight:800}
.or-gifts{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.or-gift{position:relative;background:var(--sf);border:1px solid var(--ln);border-left:4px solid var(--ac);border-radius:var(--r);padding:20px 18px}
.or-gift .amt{display:block;font-family:var(--serif);font-size:1.75rem;color:var(--ac);margin-bottom:4px}
.or-gift h3{font-size:1.02rem;margin-bottom:5px}.or-gift p{color:var(--dim);font-size:.88rem;margin-bottom:10px}
.or-gift .till{display:block;border-top:1px dashed var(--ln);padding-top:8px;font-size:.76rem;color:var(--dim)}
.or-gift.dead{display:none}
.or-code{border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;background:var(--sf)}
.or-codetabs{display:flex;align-items:center;background:color-mix(in srgb,var(--sf) 92%,#000);border-bottom:1px solid var(--ln)}
.or-codetabs [role="tab"]{padding:10px 18px;border:0;background:none;color:var(--dim);font-family:Consolas,monospace;font-size:.84rem;cursor:pointer;border-bottom:3px solid transparent}
.or-codetabs [role="tab"][aria-selected="true"]{color:var(--ac);border-bottom-color:var(--ac)}
.or-codetabs .cp{margin-left:auto;margin-right:10px;padding:5px 12px;border-radius:7px;border:1px solid var(--ac);color:var(--ac);background:none;font-size:.78rem;cursor:pointer}
.or-code pre{display:none;padding:17px 19px;overflow-x:auto;font-family:Consolas,monospace;font-size:.84rem;line-height:1.7;color:#333;background:color-mix(in srgb,var(--sf) 80%,#fff)}
.or-code pre.on{display:block}
.or-code .c{color:#888}.or-code .k{color:var(--ac)}.or-code .s{color:#2ea44f}
.or-lane{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:st2}
.or-mile{position:relative;counter-increment:st2;background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:26px 15px 15px}
.or-mile::before{content:counter(st2);position:absolute;top:-13px;left:14px;width:30px;height:30px;border-radius:8px;background-image:var(--dl);color:var(--btn);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}
.or-mile h3{font-size:.97rem;margin-bottom:4px}.or-mile p{color:var(--dim);font-size:.85rem}
.or-strip{display:grid;grid-auto-flow:column;grid-auto-columns:200px;gap:14px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}
.or-strip figure{scroll-snap-align:center;border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;background:var(--sf)}
.or-strip figcaption{padding:9px 12px;font-size:.79rem;color:var(--dim)}
.or-close{text-align:center;padding-block:50px 58px}
.or-close h2{font-family:var(--serif);font-size:clamp(1.55rem,2.9vw,2.1rem);margin-bottom:9px}.or-close p{color:var(--dim);margin-bottom:20px}
.or-close .or-actions{justify-content:center}
.or-base{border-top:2px solid var(--ln);background:var(--sf);margin-top:16px}
.or-basecols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:32px}
.or-basecols h2{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.or-basecols li{list-style:none;margin-bottom:6px;font-size:.9rem}
.or-basecols .note{color:var(--dim);font-size:.87rem;max-width:42ch}
.or-basebar{border-top:1px solid var(--ln);padding:13px 0 15px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 18px;color:var(--dim);font-size:.79rem}
.or-float{position:fixed;inset:auto 0 0 0;z-index:65;display:none;background:color-mix(in srgb,var(--sf) 96%,#000);border-top:2px solid var(--ac);padding:9px 13px calc(9px + env(safe-area-inset-bottom))}
.or-float .or-actions{justify-content:space-around}.or-float .or-cta{flex:1;max-width:200px}
.or-trail{display:flex;flex-wrap:wrap;gap:5px;padding-block:14px 3px;font-size:.81rem;color:var(--dim)}
.or-trail li{list-style:none}.or-trail li+li::before{content:"· ";color:var(--ac);font-weight:800}
.or-trail a{color:var(--dim)}.or-trail a:hover{color:var(--ac)}
.or-lead{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding-block:23px 27px}
.or-lead img{border-radius:26px;border:1.5px solid var(--ln);box-shadow:0 10px 26px rgba(0,0,0,.16)}
.or-lead h1{font-family:var(--serif);font-size:clamp(1.55rem,3.1vw,2.2rem);line-height:1.26;margin-bottom:8px}
.or-lead .desc{color:var(--dim);max-width:60ch;margin-bottom:13px}
.or-jumps{display:flex;flex-wrap:wrap;align-items:center;gap:7px;border:1px solid var(--ln);border-radius:var(--r);background:var(--sf);padding:12px 15px;margin-bottom:30px}
.or-jumps b{font-size:.79rem;letter-spacing:.09em;text-transform:uppercase;color:var(--dim);margin-right:3px}
.or-jumps a{font-size:.84rem;padding:5px 11px;border-radius:7px;border:1px solid color-mix(in srgb,var(--ac) 40%,transparent);color:var(--ac)}
.or-jumps a:hover{background:color-mix(in srgb,var(--ac) 12%,transparent);text-decoration:none}
.or-cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.or-hcard{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:16px;transition:transform .18s,border-color .18s}
.or-hcard:hover{transform:translateY(-3px);border-color:var(--ac)}
.or-hcard h3{font-family:var(--serif);font-size:1rem;margin-bottom:6px}.or-hcard h3 a{color:var(--ink)}.or-hcard h3 a:hover{color:var(--ac);text-decoration:none}
.or-hcard p{color:var(--dim);font-size:.87rem;margin-bottom:8px}
.or-qa{display:grid;gap:10px}
.or-q{border:1px solid var(--ln);border-radius:var(--r);background:var(--sf)}
.or-q[open]{border-color:var(--ac);border-left:4px solid var(--ac)}
.or-q summary{cursor:pointer;list-style:none;padding:13px 15px;font-weight:700;font-size:.94rem;display:flex;gap:10px;align-items:center}
.or-q summary::-webkit-details-marker{display:none}
.or-q summary::after{content:"?";margin-left:auto;color:var(--ac);font-weight:800;border:1.5px solid var(--ac);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex:none}
.or-q[open] summary::after{content:"!"}
.or-q .ans{padding:0 15px 13px;color:var(--dim);font-size:.91rem}.or-q .ans p+p{margin-top:7px}
.or-sig{display:flex;flex-wrap:wrap;gap:7px 13px;align-items:center;padding:10px 0 14px;margin-bottom:19px;border-bottom:1px solid var(--ln);font-size:.83rem;color:var(--dim)}
.or-sig b{color:var(--ink)}.or-sig .st{color:var(--ac)}
.or-body{max-width:73ch}
.or-body h2{font-family:var(--serif);font-size:1.35rem;margin:25px 0 10px;line-height:1.35}
.or-body h3{font-size:1.03rem;margin:18px 0 7px;color:var(--ac)}
.or-body p{margin-bottom:12px;color:color-mix(in srgb,var(--ink) 90%,var(--dim))}
.or-body ul,.or-body ol{margin-bottom:12px;color:color-mix(in srgb,var(--ink) 90%,var(--dim))}
.or-body li{margin-bottom:5px}
.or-body blockquote{border:1px solid color-mix(in srgb,var(--ac) 40%,transparent);border-left:4px solid var(--ac);background:color-mix(in srgb,var(--ac) 7%,transparent);padding:12px 15px;border-radius:var(--r);margin:14px 0;font-style:italic}
.or-body figure{margin:18px 0}.or-body figcaption{font-size:.8rem;color:var(--dim);margin-top:6px}
.or-ref{margin-top:27px;border:1.5px dashed var(--ln);border-radius:var(--r);background:var(--sf);padding:14px 16px;font-size:.83rem;color:var(--dim)}
.or-ref h2{font-size:.9rem;color:var(--ink);margin:0 0 6px}
.or-ref p{margin-bottom:5px}
.or-gopen{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start;padding-top:19px}
.or-gopen img{border-radius:var(--r);border:1.5px solid var(--ln)}
.or-gopen h1{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.27;margin-bottom:8px}
.or-gopen .gt{display:inline-block;padding:4px 12px;border-radius:7px;background:color-mix(in srgb,var(--ac) 13%,transparent);color:var(--ac);font-size:.77rem;margin-bottom:10px}
.or-gopen p{color:var(--dim);margin-bottom:11px}
.or-story3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.or-story3 figure{border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}
.or-story3 figcaption{padding:9px 12px;font-size:.81rem;color:var(--dim);background:var(--sf)}
.or-find{display:flex;gap:11px;padding-top:25px}
.or-find input{flex:1;padding:13px 16px;border:1.5px solid var(--ln);border-radius:var(--r);background:var(--sf);color:var(--ink);font-size:1rem}
.or-find input:focus{border-color:var(--ac);outline:none}
.or-found{display:grid;gap:10px;padding-top:21px}
.or-found li{list-style:none;border:1px solid var(--ln);border-radius:var(--r);background:var(--sf);padding:12px 15px}
.or-found a{font-weight:700}.or-found p{font-size:.85rem;color:var(--dim);margin-top:3px}
.or-none{color:var(--dim);padding-top:21px}
@media(max-width:768px){body{font-size:15.5px}.or-barrow{flex-wrap:wrap;min-height:0;padding-block:9px}.or-toggle{display:inline-flex;order:3}.or-menu{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:1px;padding-bottom:7px}.or-menu.open{display:flex}.or-menu a{padding:11px 13px;border-bottom:1px solid var(--ln)}.or-mastgrid{grid-template-columns:1fr;padding-block:24px}.or-reel{order:-1;min-height:210px}.or-cols,.or-gifts,.or-cardgrid{grid-template-columns:1fr}.or-rack,.or-lane{grid-template-columns:repeat(2,1fr)}.or-basecols{grid-template-columns:repeat(2,1fr);gap:13px}.or-lead,.or-gopen{grid-template-columns:1fr}.or-float{display:block}}
@media(max-width:600px){.or-rack,.or-lane,.or-story3{grid-template-columns:1fr}.or-basecols{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}