/* 2026-10-13 已确认首页、我的、场地图鉴；图像素材来自目标稿。 */
.pn-design.pn-interaction-ready.pn-visual-ready:is(.page-route-home,.page-route-me,.page-route-explore) { --pn-paper:#fbf6e9; --pn-ink:#080909; --pn-muted:#66655f; color:var(--pn-ink); background:var(--pn-paper) url("/cached-assets/paper-d8fe04193ca2dd3c.webp") repeat; }
.pn-design.pn-interaction-ready.pn-visual-ready:is(.page-route-home,.page-route-me,.page-route-explore)>.page { padding:0 0 calc(96px + env(safe-area-inset-bottom)); }
.confirmed-home,.confirmed-my,.confirmed-explore { color:#080909; }
.confirmed-home :is(h1,h2,p),.confirmed-my :is(h1,h2,p),.confirmed-explore :is(h1,h2,p) { margin:0; }
.confirmed-home-header { padding:14px 18px 0; display:flex; justify-content:space-between; align-items:flex-start; height:50px; }
.confirmed-wordmark { font-family:'Bricolage Grotesque',sans-serif; font-weight:800; font-size:32px; line-height:.82; letter-spacing:-.08em; }
.confirmed-wordmark>img { display:block; width:136px; height:auto; }
.confirmed-login { display:flex; align-items:center; gap:10px; font-size:17px; font-weight:800; min-height:44px; }
.confirmed-login i { font-size:24px; }
.confirmed-header-actions { display:flex; align-items:center; gap:12px; }
.confirmed-header-actions>a { display:grid; place-items:center; width:40px; height:40px; }
.confirmed-header-actions i { font-size:28px; }
.confirmed-header-actions img { width:40px; height:40px; border-radius:50%; object-fit:cover; }
.confirmed-home .confirmed-members { margin:8px 18px 2px; font-size:12px; line-height:1.5; }
.confirmed-home-stage { position:relative; width:100%; isolation:isolate; }
.confirmed-home-stage.is-guest { aspect-ratio:853/1156; }
.confirmed-home-stage.is-member { aspect-ratio:853/1004; }
.confirmed-stage-art { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; z-index:-1; pointer-events:none; }
.pn-design .confirmed-home-title { position:absolute; left:5%; top:11%; font-weight:900; font-size:clamp(36px,10.3vw,48px); line-height:1.03; letter-spacing:-.065em; transform:rotate(-6deg); transform-origin:left center; }
.confirmed-home-subtitle { position:absolute; left:6%; top:27.7%; font-size:16px; font-weight:500; }
.confirmed-home-greeting { position:absolute; top:4.5%; left:5%; font-size:15px; font-weight:800; overflow-wrap:anywhere; max-width:72%; }
.pn-design .confirmed-home-stage.is-member .confirmed-home-title { top:13.4%; font-size:clamp(33px,9.3vw,44px); }
.confirmed-stage-action { position:absolute; left:27%; top:80.7%; width:61%; min-height:54px; display:flex; align-items:center; justify-content:center; gap:16px; color:white; font-size:clamp(21px,6.4vw,30px); font-weight:800; line-height:1.1; transform:rotate(6deg); }
.confirmed-stage-action>i { font-size:32px; }
.confirmed-stage-action { border:0; background:transparent; padding:0; }
.confirmed-home-stage.is-member .confirmed-stage-action { top:85%; left:24%; }
.confirmed-member-pass { position:absolute; left:12.8%; top:61.6%; width:79%; height:29%; display:grid; grid-template-columns:24% minmax(0,1fr); column-gap:2.7%; align-content:start; }
.confirmed-avatar { width:100%; aspect-ratio:1; border-radius:50%; object-fit:cover; margin-top:2px; }
.confirmed-member-info { min-width:0; padding-top:6px; }
.confirmed-name-line { display:flex; align-items:center; gap:7px; }
.confirmed-name-line>strong { display:block; min-width:0; font-size:clamp(23px,6.4vw,32px); font-weight:900; line-height:1.15; overflow-wrap:anywhere; }
.confirmed-name-line>a { flex:none; display:grid; place-items:center; min-width:26px; min-height:32px; font-size:16px; }
.confirmed-member-info>p { display:flex; align-items:center; font-size:14px; line-height:1.7; gap:3px; }
.confirmed-member-info>p i { font-size:19px; }
.confirmed-tags { display:flex; flex-wrap:wrap; gap:4px; margin-top:7px; }
.confirmed-tags>span { background:#ece1cb; border-radius:14px; font-size:12px; padding:2px 8px; overflow-wrap:anywhere; max-width:100%; }
.confirmed-member-number { grid-column:1/-1; margin-top:5px !important; display:flex; align-items:center; gap:8px; font-size:12px; }
.confirmed-member-number b { font-family:'Bricolage Grotesque',sans-serif; font-size:16px; letter-spacing:-.02em; }
.confirmed-member-action { position:absolute; right:0; bottom:0; font-size:12px; }
.confirmed-member-action :is(a,button) { min-height:36px; }
.confirmed-member-action>button { border:0; background:transparent; color:#080909; padding:0; display:flex; align-items:center; gap:5px; font-size:10px; }
.confirmed-member-action>button>i { width:25px; height:25px; display:grid; place-items:center; border:1px solid #d8cfbf; border-radius:50%; background:#fbf6e9; }
.confirmed-member-action>button>span { background:#141619; color:white; border-radius:20px; padding:7px 9px; display:flex; align-items:center; gap:4px; }
.confirmed-member-action i { font-size:18px; }
.confirmed-member-pass.is-compact { top:65.3%; left:38%; width:49%; height:16.5%; grid-template-columns:25% minmax(0,1fr); gap:7px; transform:rotate(-5deg); }
.confirmed-member-pass.is-compact .confirmed-member-info { padding:0; }
.confirmed-pass-brand { position:absolute; width:57px; height:auto; left:-34%; top:0; }
.confirmed-member-pass.is-compact .confirmed-name-line>strong { font-size:17px; }
.confirmed-member-pass.is-compact .confirmed-member-info>p { font-size:11px; }
.confirmed-member-pass.is-compact .confirmed-member-info>p i { display:none; }
.confirmed-member-pass.is-compact .confirmed-tags { margin-top:0; gap:3px; }
.confirmed-member-pass.is-compact .confirmed-tags>span { padding:0; background:none; font-size:10px; }
.confirmed-member-pass.is-compact .confirmed-member-number { position:absolute; left:32%; top:55%; margin:0 !important; font-size:9px; white-space:nowrap; gap:5px; }
.confirmed-member-pass.is-compact .confirmed-member-number b { font-size:11px; }
.confirmed-member-pass.is-compact .confirmed-member-action { bottom:0; }
.confirmed-member-pass.is-compact .confirmed-member-action a { display:flex; gap:5px; align-items:center; font-size:10px; text-decoration:underline; min-height:26px; }
.confirmed-entries { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:-27px 13px 0; position:relative; }
.confirmed-entry { background-size:100% 100%; background-repeat:no-repeat; aspect-ratio:404/407; position:relative; padding:18px 18px; color:#080909; min-width:0; }
.confirmed-entry>strong { display:block; font-size:clamp(20px,6vw,28px); line-height:1.3; letter-spacing:-.05em; font-weight:900; }
.confirmed-entry>p { max-width:106px; font-size:14px; line-height:1.6; margin-top:5px; }
.confirmed-entry:nth-child(2)>p { max-width:none; }
.confirmed-entry-arrow { margin-top:7px; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:#171916; color:white; }
.confirmed-entry-arrow i { font-size:23px; }
.confirmed-entries.is-member { margin:8px 16px 0; }
.confirmed-entries.is-member .confirmed-entry { aspect-ratio:1.65; padding:9px 15px; }
.confirmed-entries.is-member .confirmed-entry>strong { font-size:20px; }
.confirmed-entries.is-member .confirmed-entry>p { font-size:12px; }
.confirmed-entries.is-member .confirmed-entry-arrow { margin-top:5px; width:30px; height:30px; }
.confirmed-entries.is-personal { margin:14px 20px 0; gap:10px; }
.confirmed-entries.is-personal .confirmed-entry { aspect-ratio:372/195; padding:10px 12px; }
.confirmed-entries.is-personal .confirmed-entry>strong { font-size:18px; }
.confirmed-entries.is-personal .confirmed-entry>p { font-size:11px; max-width:none; line-height:1.5; margin-top:3px; }
.confirmed-entries.is-personal .confirmed-entry-arrow { position:absolute; right:9px; top:10px; margin:0; width:28px; height:28px; color:black; background:transparent; }
.confirmed-growth { margin:0 20px; }
.confirmed-section-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:6px 0 5px; }
.pn-design .confirmed-section-heading>h2 { font-weight:900; font-size:21px; line-height:1.15; letter-spacing:-.04em; }
.confirmed-section-heading>a { font-size:12px; white-space:nowrap; display:flex; gap:6px; align-items:center; }
.confirmed-section-heading>p { font-size:11px; }
.confirmed-growth-beam { display:flex; align-items:center; gap:14px; aspect-ratio:768/107; width:100%; margin-top:6px; padding:0 16px; background-size:100% 100%; color:black; font-size:21px; font-weight:800; }
.confirmed-growth-beam.is-skill { background-image:url("/cached-assets/growth-skill-72753000f1e3e815.webp"); }
.confirmed-growth-beam.is-community { background-image:url("/cached-assets/growth-community-db96c9db0d48fc67.webp"); }
.confirmed-growth-beam>strong { font-family:'Bricolage Grotesque',sans-serif; font-size:21px; }
.confirmed-growth-beam:first-of-type { margin-top:0; }
.confirmed-growth-beam>i { margin-left:auto; width:30px; height:30px; display:grid; place-items:center; background:#fcf8ee; border:1px solid #d9d3c5; border-radius:50%; font-size:22px; }
.confirmed-my-stage { aspect-ratio:853/1007; position:relative; isolation:isolate; }
.confirmed-my-header { position:absolute; top:2.7%; left:5%; right:5%; display:flex; align-items:center; justify-content:space-between; }
.confirmed-my-header h1 { font-size:48px; line-height:1; font-weight:900; letter-spacing:-.055em; }
.confirmed-my-header>a { font-size:29px; min-width:44px; min-height:44px; display:grid; place-items:center; }
.confirmed-pass-back { position:absolute; top:57%; left:12%; right:10%; min-height:34%; border-radius:15px; padding:12px 15px; background:#fbf6e9 url("/cached-assets/paper-d8fe04193ca2dd3c.webp"); font-size:14px; }
.confirmed-pass-back h2 { font-size:22px; overflow-wrap:anywhere; }
.confirmed-pass-back p { max-height:70px; overflow:auto; line-height:1.6; margin:6px 0; }
.confirmed-pass-back>a { display:block; font-size:12px; }
.confirmed-pass-back button { background:#171916; color:white; border:0; border-radius:20px; padding:7px 12px; margin-top:8px; min-height:36px; }
.confirmed-profile-notice { margin:8px 20px; }
.pn-design.pn-interaction-ready.pn-visual-ready .confirmed-share-button { display:flex; align-items:center; justify-content:center; gap:24px; width:calc(100% - 40px); min-height:44px; margin:12px 20px 0; background:#161922 url("/cached-assets/share-button-35c5217135eb8218.webp") center/100% 100% no-repeat; color:#fff; border:0; border-radius:16px; font-size:20px; font-weight:800; }
.confirmed-share-button i { font-size:27px; }
.confirmed-public-link { display:flex; align-items:center; justify-content:center; gap:10px; font-size:14px; margin-top:6px; min-height:22px; text-decoration:underline; text-underline-offset:4px; }
.confirmed-account-tools { margin:24px 20px; }
.confirmed-my>.pn-contributions,.confirmed-my>.btn { margin:20px; }
.page-route-home>.page>:is(.pn-home-feed,.pn-home-public,.pn-legal-links) { margin:30px 20px; }
.confirmed-explore-stage { aspect-ratio:853/480; position:relative; isolation:isolate; }
.confirmed-explore-stage h1 { position:absolute; top:12%; left:5%; font-weight:900; font-size:clamp(62px,18.6vw,89px); letter-spacing:-.06em; line-height:1; transform:rotate(-7deg); }
.confirmed-explore-stage>p { position:absolute; top:43%; left:5%; font-size:21px; font-weight:900; letter-spacing:-.04em; transform:rotate(-7deg); }
.pn-design.pn-interaction-ready.pn-visual-ready .confirmed-city-switch { position:absolute; bottom:1%; left:5%; width:auto; max-width:90%; min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 15px; border:1px solid #c8c1b4; border-radius:18px; background:#fbf7ed; font-size:14px; color:#080909; box-shadow:none; }
.confirmed-city-switch>span { display:flex; gap:7px; align-items:center; }
.confirmed-city-switch>span:first-child { border-right:1px solid #8f8b80; padding-right:16px; font-weight:800; font-size:20px; }
.confirmed-city-switch i { font-size:19px; }
.confirmed-venue-heading { display:flex; align-items:center; justify-content:space-between; margin:10px 16px 2px; gap:12px; }
.confirmed-venue-heading h2 { font-size:26px; line-height:1.4; padding:4px 12px; font-weight:900; background:url("/cached-assets/venue-label-c6b34f1d3908f6de.webp") center/100% 100% no-repeat; }
.confirmed-venue-heading>a { display:flex; align-items:center; gap:8px; font-size:17px; font-weight:800; }
.confirmed-venue-heading>a>span { background:#0742d4; color:white; width:39px; height:39px; border-radius:50%; display:grid; place-items:center; }
.confirmed-venue-heading>a i { font-size:28px; }
.confirmed-venues { margin:0 15px; display:grid; gap:10px; }
.confirmed-venue { overflow:hidden; border-radius:14px; background:#fbf6e9; display:block; }
.confirmed-venue-photo { padding:7px 6px 0; }
.confirmed-venue-photo>img { display:block; width:100%; height:auto; max-height:300px; object-fit:cover; border-radius:12px 12px 0 0; }
.confirmed-venue-copy { padding:12px 44px 6px 15px; position:relative; min-height:84px; background:url("/cached-assets/venue-frame-fd0d988f8b5e644c.webp") center/100% 100% no-repeat; }
.pn-design .confirmed-venue-copy>h2 { font-size:23px; font-weight:900; line-height:1.3; letter-spacing:-.04em; overflow-wrap:anywhere; }
.confirmed-venue-copy>p { font-size:14px; line-height:1.5; color:#66655f; }
.confirmed-venue-copy>p i { color:#080909; font-size:18px; vertical-align:middle; }
.confirmed-venue-arrow { position:absolute; right:12px; top:22px; width:39px; height:39px; border:1px solid #ccc3b1; border-radius:50%; display:grid; place-items:center; font-size:25px; background:#fbf7ed; color:black; }
.confirmed-venue-no-photo { display:flex; aspect-ratio:790/483; align-items:center; justify-content:center; gap:12px; background:#eae4d6; font-size:14px; }
.confirmed-explore-total,.confirmed-explore-actions { margin:18px 20px !important; }
.confirmed-home-stage::after { content:""; position:absolute; left:16%; top:18.5%; width:47%; height:9%; background:url("/cached-assets/title-scribble-4872d59bd1fa6bd0.png") center/100% 100% no-repeat; pointer-events:none; z-index:-1; }
.confirmed-home-stage.is-member::after { top:22%; }
.confirmed-explore-stage::after { content:""; position:absolute; left:21%; top:26%; width:27%; height:15%; background:#ffda49; mask:url("/cached-assets/title-scribble-4872d59bd1fa6bd0.png") center/100% 100% no-repeat; pointer-events:none; z-index:-1; }
.confirmed-member-pass.has-long-name .confirmed-name-line>strong { font-size:18px; line-height:1.15; }
.confirmed-member-pass.has-long-name .confirmed-member-number { position:absolute; left:0; bottom:0; margin:0 !important; }
.confirmed-member-pass.has-long-name .confirmed-tags { gap:3px; margin-top:3px; }
.confirmed-member-pass.has-long-name .confirmed-tags>span { font-size:11px; padding:1px 6px; }
.confirmed-member-pass.is-compact.has-long-name .confirmed-name-line>strong { font-size:13px; }
.confirmed-member-pass.is-compact.has-long-name .confirmed-member-info>p { font-size:10px; line-height:1.3; }
.confirmed-member-pass.is-compact.has-long-name .confirmed-member-number { left:32%; top:69%; bottom:auto; }
.confirmed-member-pass.is-compact.has-long-name .confirmed-member-number { font-size:0; }
.confirmed-member-pass.is-compact.has-long-name .confirmed-member-number>b { font-size:9px; }
.confirmed-member-pass.is-compact.has-long-name .confirmed-member-action { bottom:-16px; }
/* 全站原有底部主导航统一；不扩大出现导航的页面范围。 */
.pn-design.pn-interaction-ready.pn-visual-ready .bottom-nav { bottom:0; width:100%; max-width:480px; min-height:76px; height:calc(76px + env(safe-area-inset-bottom)); padding:16px 8px calc(8px + env(safe-area-inset-bottom)); border:0; border-radius:0; background:#fbf6e9 url("/cached-assets/nav-curve-950e997d07d1d48f.webp") center 8px/94% auto no-repeat; backdrop-filter:none; box-shadow:none; }
.pn-design.pn-interaction-ready.pn-visual-ready .bottom-nav .nav-item { background:none; border:0; border-radius:0; color:#080909; clip-path:none; box-shadow:none; gap:2px; font-size:12px; min-height:50px; overflow:visible; }
.pn-design.pn-interaction-ready.pn-visual-ready .bottom-nav .nav-item.is-active { color:#080909; font-weight:800; background:none; }
.pn-design.pn-interaction-ready.pn-visual-ready .bottom-nav i { font-size:23px; }
.pn-design.pn-interaction-ready.pn-visual-ready .bottom-nav .pn-nav-plate { inset:-5px -2px 6px; border:0; border-radius:0; background:url("/cached-assets/nav-paper-56850db651d37505.webp") center/100% 100% no-repeat; box-shadow:none; clip-path:none; }
.confirmed-home :is(a,button):focus-visible,.confirmed-my :is(a,button):focus-visible,.confirmed-explore :is(a,button):focus-visible { outline:3px solid #1449d6; outline-offset:3px; }
@media(min-width:768px) { .pn-design:is(.page-route-home,.page-route-me,.page-route-explore) { max-width:480px; } }
@media(max-width:359px) { .confirmed-entry { padding:14px 12px; }.confirmed-entries.is-personal .confirmed-entry>strong { font-size:19px; }.confirmed-member-pass { top:60%; }.confirmed-member-action { bottom:-8px; }.confirmed-section-heading>p { max-width:130px; }.confirmed-venue-copy>h2 { font-size:23px; } }
/* 放大文字/极窄视口改为自然文档流，不让资料与操作相互遮挡。 */
@media(max-width:320px) {
  .confirmed-home-header { height:auto; gap:12px; flex-wrap:wrap; }
  .confirmed-home-title,.pn-design .confirmed-home-stage.is-member .confirmed-home-title { font-size:26px; }
  .confirmed-home-subtitle { font-size:12px; }
  .confirmed-home-stage.is-member,.confirmed-my-stage { aspect-ratio:auto; padding-top:118%; }
  .confirmed-my-stage .confirmed-stage-art,.confirmed-home-stage.is-member .confirmed-stage-art { height:auto; }
  .confirmed-my-header h1 { font-size:36px; }
  .confirmed-my-stage .confirmed-member-pass,.confirmed-home-stage .confirmed-member-pass { position:relative; left:auto; top:auto; width:auto; height:auto; margin:0 12px; padding:14px; border-radius:14px; background:#fbf6e9; transform:none; grid-template-columns:48px minmax(0,1fr); gap:10px; }
  .confirmed-member-pass.is-compact .confirmed-pass-brand { display:none; }
  .confirmed-member-pass .confirmed-member-number,.confirmed-member-pass.has-long-name .confirmed-member-number,.confirmed-member-pass.is-compact.has-long-name .confirmed-member-number { position:static; font-size:11px; white-space:normal; flex-wrap:wrap; }
  .confirmed-member-pass .confirmed-member-action,.confirmed-member-pass.is-compact.has-long-name .confirmed-member-action { position:static; grid-column:1/-1; }
  .confirmed-home-stage.is-member .confirmed-stage-action { position:relative; left:auto; top:auto; width:calc(100% - 24px); margin:12px; background:#1449d6; border-radius:12px; transform:none; font-size:22px; }
  .confirmed-entries,.confirmed-entries.is-member,.confirmed-entries.is-personal { grid-template-columns:1fr; margin-top:12px; }
  .confirmed-section-heading { align-items:flex-start; flex-wrap:wrap; }
  .confirmed-growth-beam { aspect-ratio:auto; min-height:46px; font-size:17px; gap:8px; padding:0 9px; }
  .confirmed-growth-beam>strong { font-size:17px; }
  .confirmed-venue-heading { flex-wrap:wrap; }
  .confirmed-city-switch { gap:6px; padding:7px; }
  .confirmed-city-switch>span:first-child { font-size:14px; padding-right:6px; }
  .confirmed-venue-copy { padding-left:10px; }
}