/* "用这个风格生成" on style detail pages. Explicit colours keep the button
   readable on every landing theme. */
#project-details-meta .mirrism-style-cta{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:1.6em 0 0;pointer-events:auto}
#project-details-meta .mirrism-style-cta a,.mirrism-style-dock a{pointer-events:auto!important}
.mirrism-style-cta__button,.mirrism-style-dock__button{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:0 26px;border:1px solid;border-radius:999px;font-size:15px;line-height:1.3;letter-spacing:.04em;text-decoration:none;cursor:pointer;backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -1px 2px rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.22);transition:background .2s ease,border-color .2s ease}
.mirrism-style-cta__button::before,.mirrism-style-dock__button::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 40%,rgba(255,255,255,.04))}
.mirrism-style-cta__button:hover,.mirrism-style-dock__button:hover{background:rgba(54,51,45,.8);border-color:rgba(255,255,255,.45)}
.mirrism-style-cta__button:focus-visible,.mirrism-style-dock__button:focus-visible{outline:2px solid #fff0d9;outline-offset:4px}
.mirrism-style-cta__soon,.mirrism-style-dock__soon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:58px;padding:0 22px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(34,32,27,.78);color:#fff0d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:.78;font-size:14px;letter-spacing:.04em;cursor:not-allowed;user-select:none}
.mirrism-style-cta__hint{flex:1 1 220px;margin:0;max-width:22em;font-size:13px;line-height:1.6;opacity:.72}
.mirrism-style-cta [hidden],.mirrism-style-dock [hidden]{display:none!important}
.mirrism-style-dock{display:none}
html #header:not(.--menu-opened) #header-logo,
html #header:not(.--menu-opened) #header-center-project-back-btn,
html #header:not(.--menu-opened) #header-right-menu-btn,
html #header:not(.--menu-opened) #header-right-talk-btn,
html #header:not(.--menu-opened) #header-right-sound-btn,
html #project-details-launch-cta,html #project-details-launch-cta-mobile{color:var(--landing-text,#ffedd7)!important;border-color:var(--landing-text,#ffedd7)}
/* The theme rule owns all resting colours; keep the higher-specificity desktop
   hover/focus treatment above and the mobile dock contract below. */
.mirrism-style-cta__button,.mirrism-style-dock__button{background:rgba(34,32,27,.72);border-color:rgba(255,240,217,.3);color:#fff0d9!important}
@media (max-width:767px){
  #project-details-meta .mirrism-style-cta{display:none}
  /* Reserve the existing gap above the fixed dock for the return hit area. */
  html #project-details-launch-cta-mobile{margin-top:0;padding:6px 0;height:auto;min-height:44px;box-sizing:border-box}
  .mirrism-style-dock{position:fixed;z-index:60;left:50%;right:auto;transform:translateX(-50%);width:min(320px,calc(100% - 32px));bottom:calc(16px + env(safe-area-inset-bottom));display:flex;pointer-events:auto}
  .mirrism-style-dock__button,.mirrism-style-dock__soon{flex:1;min-width:0;min-height:58px}
  .mirrism-style-dock__soon{background:rgba(20,18,14,.88);color:#efe9df;border-color:rgba(239,233,223,.55);opacity:1}
}
@media(prefers-reduced-motion:reduce){.mirrism-style-cta__button,.mirrism-style-dock__button{transition:none}}