:root{
  --bg:#09070c;
  --card:#171119;
  --card2:#211722;
  --line:rgba(255,155,198,.18);
  --gold:#ff9bc6;
  --gold2:#ff4f9b;
  --text:#fff8fb;
  --muted:rgba(255,248,251,.72);
  --weak:rgba(255,248,251,.46);
  --danger:#ff467f;
  --shadow:0 24px 70px rgba(0,0,0,.44);
  --max:1080px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  background-color:#09070c;
  background-image:
    linear-gradient(180deg,rgba(9,7,12,.72) 0%,rgba(13,9,15,.82) 48%,rgba(9,7,12,.90) 100%),
    radial-gradient(circle at 8% 0%, rgba(255,155,198,.18), transparent 28%),
    radial-gradient(circle at 95% 12%, rgba(255,79,155,.14), transparent 24%),
    url("site-background.jpg");
  background-position:center,8% 0%,95% 12%,center top;
  background-repeat:no-repeat;
  background-size:auto,auto,auto,cover;
  background-attachment:fixed;
  padding-bottom:100px;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,155,198,.15) 1px,transparent 1.5px);
  background-size:22px 22px;
  opacity:.34;
}
a{color:inherit;text-decoration:none}
.container{width:calc(100% - 28px);max-width:var(--max);margin:0 auto}

.header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(10,7,12,.82);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.header-inner{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.logo{
  display:flex;
  align-items:center;
  gap:12px;
}
.logo-mark{
  width:48px;height:48px;
  border-radius:14px;
  display:grid;place-items:center;
  overflow:hidden;
  color:transparent;
  background-color:#071727;
  background-image:url("brand-logo.jpg");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  border:1px solid rgba(35,224,238,.42);
  font-weight:950;
  box-shadow:0 0 28px rgba(35,224,238,.18),0 0 20px rgba(242,54,162,.12);
}
.logo strong{display:block;font-size:18px;font-weight:950;letter-spacing:.6px}
.logo span{display:block;margin-top:3px;color:var(--weak);font-size:12px}
.nav{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.nav a,.nav button{
  border:0;
  padding:10px 13px;
  border-radius:999px;
  color:var(--muted);
  background:transparent;
  font-size:14px;
  font-weight:850;
  cursor:pointer;
}
.nav a.active,.nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.nav .cta,.nav button.cta{
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
}

.hero{padding:28px 0 0}
.hero-card{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 16% 12%, rgba(255,155,198,.18), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(255,79,155,.10), transparent 22%),
    linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035)),
    #0b111d;
  box-shadow:var(--shadow);
}
.hero-card:after{
  content:"铭舟电竞";
  position:absolute;
  right:22px;
  bottom:18px;
  color:rgba(255,255,255,.035);
  font-size:88px;
  font-weight:950;
  line-height:1;
}
.hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  padding:36px;
}
.badge{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  font-size:12px;
  font-weight:950;
}
.hero h1{
  margin-top:18px;
  font-size:52px;
  line-height:1.06;
  letter-spacing:-1px;
  font-weight:950;
}
.hero h1 span{color:var(--gold)}
.hero p{
  margin-top:14px;
  color:var(--muted);
  font-size:15px;
  line-height:1.85;
  max-width:680px;
}
.actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.btn{
  border:0;
  cursor:pointer;
  border-radius:16px;
  padding:14px 18px;
  font-size:15px;
  font-weight:950;
}
.btn.gold{color:#1c1200;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 14px 32px rgba(255,79,155,.26)}
.btn.dark{color:#fff;background:rgba(255,255,255,.075);border:1px solid var(--line)}
.qr-card{
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.065);
  border:1px solid var(--line);
}
.qr-card h3{font-size:20px;font-weight:950}
.qr-card p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.7}
.qr-card .qr{
  margin-top:14px;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}
.qr-card img{display:block;width:100%}

.section{padding:44px 0 0}
.section[id]{scroll-margin-top:90px}
.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.section h2{font-size:34px;line-height:1.2;font-weight:950}
.section .desc{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.75}

.package-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.package-card{
  min-height:268px;
  display:flex;
  flex-direction:column;
  padding:22px;
  border-radius:28px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at top right, rgba(255,155,198,.13), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),
    var(--card);
  box-shadow:0 18px 52px rgba(0,0,0,.28);
}
.package-card h3{font-size:24px;line-height:1.18;font-weight:950}
.package-card p{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.7}
.package-price{margin-top:auto;padding-top:18px}
.package-price strong{display:block;color:var(--gold);font-size:34px;line-height:1;font-weight:950}
.package-price span{display:block;margin-top:8px;color:var(--weak);font-size:12px}
.package-card .enter{
  margin-top:16px;
  text-align:center;
  padding:13px;
  border-radius:16px;
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  font-weight:950;
}

.menu-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.menu-card{
  overflow:hidden;
  border-radius:26px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 18px 52px rgba(0,0,0,.28);
}
.menu-cover{
  position:relative;
  aspect-ratio:3/4;
  background:#080b12;
  overflow:hidden;
}
.menu-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.25s ease;
}
.menu-card:hover .menu-cover img{transform:scale(1.035)}
.menu-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.72));
}
.menu-info{
  padding:16px;
}
.menu-info h3{
  font-size:19px;
  font-weight:950;
}
.menu-info p{
  margin-top:7px;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}
.menu-info .enter{
  margin-top:13px;
  display:block;
  text-align:center;
  padding:12px;
  border-radius:14px;
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  font-weight:950;
}
.menu-page-img{
  border-radius:28px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#080b12;
  box-shadow:var(--shadow);
}
.menu-page-img img{
  width:100%;
  display:block;
}

.flow-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.flow{
  padding:20px;
  border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
}
.flow .num{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:14px;
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  font-weight:950;
}
.flow h3{margin-top:16px;font-size:18px;font-weight:950}
.flow p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.7}

.detail-hero{padding:28px 0 0}
.detail-card{
  border-radius:32px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 14% 12%, rgba(255,155,198,.18), transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.035)),
    #0b111d;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.detail-grid{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:24px;
  padding:34px;
}
.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--weak);font-size:13px}
.breadcrumb a{color:var(--gold)}
.detail-card h1{margin-top:18px;font-size:48px;line-height:1.06;font-weight:950;letter-spacing:-.8px}
.detail-card h1 span{color:var(--gold)}
.detail-card .lead{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.85}
.meta-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.meta{
  padding:15px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}
.meta strong{display:block;color:var(--gold);font-size:22px;font-weight:950}
.meta span{display:block;margin-top:7px;color:var(--weak);font-size:12px}

.content-grid{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:18px;
  align-items:start;
}
.panel{
  border-radius:28px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  box-shadow:0 18px 52px rgba(0,0,0,.24);
  overflow:hidden;
}
.panel-head{padding:20px 20px 14px;border-bottom:1px solid var(--line)}
.panel-head h2{font-size:26px;font-weight:950}
.panel-head p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.7}
.price-list{padding:16px;display:grid;gap:12px}
.price-row{
  display:grid;
  grid-template-columns:118px 1fr auto;
  gap:14px;
  align-items:center;
  padding:17px;
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
}
.price-row.hot{
  border-color:rgba(255,155,198,.35);
  background:linear-gradient(135deg,rgba(255,155,198,.15),rgba(255,255,255,.04));
}
.money{color:var(--gold);font-size:31px;font-weight:950;white-space:nowrap}
.price-row h3{font-size:18px;line-height:1.35;font-weight:950}
.price-row p{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.65}
.row-tag{
  padding:7px 10px;
  border-radius:999px;
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.rules{padding:16px;display:grid;gap:12px}
.rule-card{
  padding:16px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
}
.rule-card h3{font-size:16px;font-weight:950}
.rule-card ul{margin-top:8px;padding-left:18px;display:grid;gap:7px}
.rule-card li,.rule-card p{color:var(--muted);font-size:13px;line-height:1.75}

.sidebar{position:sticky;top:92px;display:grid;gap:14px}
.contact{
  padding:18px;
  border-radius:26px;
  border:1px solid rgba(255,155,198,.30);
  background:
    radial-gradient(circle at top right,rgba(255,155,198,.15),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
}
.contact h3{font-size:21px;font-weight:950}
.contact p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.7}
.contact .qr{margin-top:14px;border-radius:20px;overflow:hidden;background:#fff}
.contact img{display:block;width:100%}
.contact .btn{width:100%;margin-top:12px}
.other{
  padding:16px;
  border-radius:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
}
.other h3{font-size:15px;font-weight:950}
.other a{
  display:block;
  margin-top:10px;
  padding:10px 12px;
  border-radius:13px;
  color:var(--muted);
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
  font-size:13px;
}

.footer{padding:48px 0 28px}
.footer-card{
  padding:24px;
  border-radius:28px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
}
.footer h3{font-size:22px;font-weight:950}
.footer p{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.8}
.footer-note{margin-top:12px;color:var(--weak);font-size:12px;line-height:1.7}

.sticky{
  position:fixed;
  left:50%;
  bottom:max(14px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  z-index:80;
  width:calc(100% - 28px);
  max-width:680px;
  padding:10px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
  border-radius:22px;
  background:rgba(9,13,23,.88);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:0 22px 70px rgba(0,0,0,.45);
}
.sticky strong{display:block;font-size:15px;font-weight:950}
.sticky span{display:block;margin-top:3px;color:var(--weak);font-size:12px}
.sticky-actions{display:flex;gap:9px}
.sticky-actions a,.sticky-actions button{
  border:0;
  cursor:pointer;
  border-radius:14px;
  padding:12px 15px;
  font-size:14px;
  font-weight:950;
}
.sticky-actions .ghost{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.sticky-actions .main{color:#1c1200;background:linear-gradient(135deg,var(--gold),var(--gold2))}

.modal{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(10px);
}
.modal.show{display:flex}
.modal-card{
  width:100%;
  max-width:410px;
  border-radius:26px;
  overflow:hidden;
  background:#0d1422;
  border:1px solid var(--line);
  box-shadow:0 30px 100px rgba(0,0,0,.52);
}
.modal-head{padding:20px 20px 14px}
.modal-head h3{font-size:23px;font-weight:950}
.modal-head p{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.7}
.modal-qr{margin:0 20px 16px;border-radius:20px;overflow:hidden;background:#fff}
.modal-qr img{display:block;width:100%}
.modal-actions{padding:0 20px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal-actions button{
  border:0;
  border-radius:15px;
  padding:13px;
  font-size:14px;
  font-weight:950;
}
.modal-actions .close{color:#fff;background:rgba(255,255,255,.08)}
.modal-actions .ok{color:#1c1200;background:linear-gradient(135deg,var(--gold),var(--gold2))}

@media(max-width:1000px){
  .hero-grid,.detail-grid,.content-grid{grid-template-columns:1fr}
  .package-grid,.flow-grid,.menu-grid{grid-template-columns:repeat(2,1fr)}
  .sidebar{position:static}
}
@media(max-width:760px){
  body{
    background-position:center,8% 0%,95% 12%,center top;
    background-size:auto,auto,auto,auto 100vh;
    background-attachment:scroll;
  }
  .header-inner{padding:10px 0;flex-direction:column;align-items:flex-start}
  .section[id]{scroll-margin-top:126px}
  .nav{width:100%;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a,.nav button{white-space:nowrap}
  .hero h1,.detail-card h1{font-size:34px}
  .hero-grid,.detail-grid{padding:22px}
  .meta-grid{grid-template-columns:1fr}
  .price-row{grid-template-columns:1fr;gap:10px}
  .sticky{grid-template-columns:1fr}
  .sticky-actions{width:100%}
  .sticky-actions a,.sticky-actions button{flex:1;text-align:center}
}
@media(max-width:520px){
  .container{width:calc(100% - 20px)}
  .package-grid,.flow-grid,.menu-grid{grid-template-columns:1fr}
  .section h2{font-size:28px}
  .modal-actions{grid-template-columns:1fr}
}


.rights-panel{
  border-radius:28px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  box-shadow:0 18px 52px rgba(0,0,0,.24);
  overflow:hidden;
}
.rights-list{
  padding:16px;
  display:grid;
  gap:12px;
}
.right-item{
  padding:16px;
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.045);
}
.right-item strong{
  display:inline-block;
  color:var(--gold);
  font-size:16px;
  font-weight:950;
  margin-right:8px;
}
.right-item span{
  color:var(--muted);
  font-size:13px;
  line-height:1.8;
}
.rights-final-note{
  padding:17px 20px 19px;
  border-top:1px solid var(--line);
  color:var(--gold);
  background:rgba(255,79,155,.055);
  text-align:center;
  font-size:14px;
  line-height:1.6;
  font-weight:950;
  letter-spacing:.3px;
}

.menu-card.recommend{
  border-color:rgba(255,155,198,.35);
  box-shadow:0 18px 58px rgba(255,79,155,.18);
}
.recommend-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  font-size:12px;
  font-weight:950;
  margin-bottom:10px;
}


.beian-link{
  margin-top:12px;
  font-size:12px;
  line-height:1.7;
}
.beian-link a{
  color:var(--weak);
  text-decoration:none;
}
.beian-link a:hover{
  color:var(--gold);
}


.hero-grid.no-side,
.detail-grid.no-side{
  grid-template-columns:1fr;
}
.content-grid.no-sidebar{
  grid-template-columns:1fr;
}
.menu-nav-panel{
  padding:16px;
  border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  box-shadow:0 18px 52px rgba(0,0,0,.22);
}
.menu-nav-panel h3{
  font-size:18px;
  font-weight:950;
}
.menu-nav-panel p{
  margin-top:7px;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}
.menu-nav-list{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.menu-nav-list a{
  padding:10px 13px;
  border-radius:999px;
  color:var(--muted);
  background:rgba(255,255,255,.055);
  border:1px solid var(--line);
  font-size:13px;
  font-weight:900;
  transition:.18s ease;
}
.menu-nav-list a:hover{
  color:#fff;
  border-color:rgba(255,155,198,.38);
}
.menu-nav-list a.current{
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  border-color:transparent;
  box-shadow:0 10px 26px rgba(255,79,155,.20);
}
.menu-nav-list a.recommend:after{
  content:"荐";
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  margin-left:6px;
  border-radius:50%;
  color:#1c1200;
  background:var(--gold);
  font-size:10px;
  font-weight:950;
}
@media(max-width:760px){
  .menu-nav-list{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .menu-nav-list::-webkit-scrollbar{display:none}
  .menu-nav-list a{
    flex:0 0 auto;
    white-space:nowrap;
  }
}


.beian-link a{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.beian-link img{
  width:20px;
  height:20px;
  object-fit:contain;
  flex:0 0 auto;
}


/* Text menu center: five cards display cleanly on desktop and mobile. */
.package-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:900px){
  .package-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){
  .package-grid{grid-template-columns:1fr;}
}

/* 首页文字菜单折叠区：默认收起，让图片菜单优先进入视野。 */
.text-menu-collapse{
  border:1px solid rgba(255,155,198,.24);
  border-radius:28px;
  background:
    radial-gradient(circle at top right,rgba(255,155,198,.13),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 18px 52px rgba(0,0,0,.28);
  overflow:hidden;
}
.text-menu-toggle{
  min-height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:22px 24px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.text-menu-toggle::-webkit-details-marker{display:none}
.text-menu-toggle::marker{content:""}
.text-menu-toggle:focus-visible{
  outline:3px solid rgba(255,155,198,.72);
  outline-offset:-4px;
}
.text-menu-heading{display:block;min-width:0}
.text-menu-kicker{
  display:inline-flex;
  margin-bottom:7px;
  padding:5px 9px;
  border-radius:999px;
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  font-size:11px;
  line-height:1;
  font-weight:950;
}
.text-menu-heading strong{
  display:block;
  color:var(--text);
  font-size:26px;
  line-height:1.2;
  font-weight:950;
}
.text-menu-heading small{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.text-menu-action{
  flex:0 0 auto;
  min-width:190px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:14px 18px;
  border-radius:16px;
  color:#1c1200;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  box-shadow:0 14px 32px rgba(255,79,155,.24);
  font-size:14px;
  font-weight:950;
}
.text-menu-chevron{
  width:9px;
  height:9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .22s ease;
}
.collapse-copy{display:none}
.text-menu-collapse[open] .expand-copy{display:none}
.text-menu-collapse[open] .collapse-copy{display:inline}
.text-menu-collapse[open] .text-menu-chevron{
  transform:rotate(225deg) translate(-2px,-2px);
}
.text-menu-content{
  padding:22px;
  border-top:1px solid rgba(255,255,255,.08);
  animation:text-menu-reveal .24s ease both;
}
@keyframes text-menu-reveal{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:760px){
  .text-menu-toggle{
    min-height:0;
    align-items:stretch;
    flex-direction:column;
    gap:16px;
    padding:18px;
  }
  .text-menu-action{
    width:100%;
    min-width:0;
    padding:13px 16px;
  }
  .text-menu-content{padding:16px 14px}
  .text-menu-heading strong{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .text-menu-content{animation:none}
  .text-menu-chevron{transition:none}
}