/* 高山集手机端电影感开场 上半屏留给山水动效，下半屏以深墨绿渐变承托品牌文字。 */ @media (max-width: 900px) { body.mobile-entry-active .mobile-entry-gate { display: flex !important; align-items: flex-end !important; justify-content: center !important; min-height: 100dvh !important; padding: 0 24px calc(env(safe-area-inset-bottom, 0px) + 30px) !important; overflow: hidden !important; box-sizing: border-box !important; background: linear-gradient( 180deg, rgba(203, 222, 214, 0.04) 0%, rgba(102, 143, 129, 0.08) 44%, rgba(35, 81, 67, 0.42) 68%, rgba(8, 38, 31, 0.90) 100% ) !important; } body.mobile-entry-active .mobile-entry-gate::before { display: block !important; content: "" !important; position: absolute !important; inset: 0 !important; pointer-events: none !important; background: radial-gradient( ellipse at 50% 71%, rgba(224, 207, 142, 0.10) 0%, rgba(224, 207, 142, 0) 45% ), linear-gradient( 90deg, rgba(7, 37, 30, 0.10) 0%, rgba(7, 37, 30, 0) 22%, rgba(7, 37, 30, 0) 78%, rgba(7, 37, 30, 0.10) 100% ) !important; } body.mobile-entry-active .mobile-entry-gate::after, body.mobile-entry-active .mobile-entry-aura, body.mobile-entry-active .mobile-entry-button::before { display: none !important; content: none !important; animation: none !important; } body.mobile-entry-active .mobile-entry-copy { position: relative !important; z-index: 2 !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; width: min(88vw, 420px) !important; margin: 0 auto !important; padding: 0 !important; transform: none !important; box-sizing: border-box !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; text-align: center !important; color: rgba(255, 249, 226, 0.97) !important; text-shadow: 0 2px 12px rgba(2, 23, 18, 0.76), 0 8px 28px rgba(2, 23, 18, 0.42) !important; animation: none !important; } body.mobile-entry-active .mobile-entry-kicker { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 0 14px !important; color: rgba(251, 243, 214, 0.78) !important; font-family: "Noto Serif SC", "Songti SC", "STSong", serif !important; font-size: clamp(12px, 3.2vw, 15px) !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0.25em !important; text-indent: 0.25em !important; white-space: nowrap !important; } body.mobile-entry-active .mobile-entry-title { display: block !important; visibility: visible !important; opacity: 1 !important; margin: 0 !important; color: rgba(255, 251, 232, 0.99) !important; font-family: "STKaiti", "KaiTi", "Noto Serif SC", "Songti SC", serif !important; font-size: clamp(58px, 16vw, 76px) !important; font-weight: 500 !important; line-height: 1.06 !important; letter-spacing: 0.18em !important; text-indent: 0.18em !important; white-space: nowrap !important; } body.mobile-entry-active .mobile-entry-crystal-line { display: grid !important; grid-template-columns: minmax(30px, 56px) auto minmax(30px, 56px) !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 180px !important; margin: 17px auto 0 !important; color: rgba(230, 203, 127, 0.92) !important; } body.mobile-entry-active .mobile-entry-crystal-line span { display: block !important; height: 1px !important; background: linear-gradient( 90deg, rgba(224, 198, 120, 0), rgba(224, 198, 120, 0.72) ) !important; } body.mobile-entry-active .mobile-entry-crystal-line span:last-child { transform: scaleX(-1) !important; } body.mobile-entry-active .mobile-entry-crystal-line b { font-family: "Noto Serif SC", "Songti SC", "STSong", serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 0.34em !important; text-indent: 0.34em !important; white-space: nowrap !important; } body.mobile-entry-active .mobile-entry-button { display: flex !important; align-items: center !important; justify-content: center !important; width: min(76vw, 330px) !important; min-height: 56px !important; margin: 31px auto 0 !important; padding: 0 28px !important; border: 1px solid rgba(224, 199, 124, 0.78) !important; border-radius: 999px !important; color: rgba(255, 245, 213, 0.96) !important; background: linear-gradient( 180deg, rgba(91, 128, 106, 0.36), rgba(18, 61, 49, 0.48) ) !important; box-shadow: 0 12px 28px rgba(1, 20, 15, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important; backdrop-filter: blur(10px) saturate(112%) !important; -webkit-backdrop-filter: blur(10px) saturate(112%) !important; font-family: "STKaiti", "KaiTi", "Noto Serif SC", "Songti SC", serif !important; font-size: clamp(18px, 4.7vw, 21px) !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.22em !important; text-indent: 0.22em !important; transform: none !important; animation: none !important; box-sizing: border-box !important; } body.mobile-entry-active .mobile-entry-button:active { transform: translateY(1px) !important; background: linear-gradient( 180deg, rgba(99, 137, 113, 0.44), rgba(18, 61, 49, 0.56) ) !important; } @media (max-height: 700px) { body.mobile-entry-active .mobile-entry-gate { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 18px) !important; } body.mobile-entry-active .mobile-entry-title { font-size: 54px !important; } body.mobile-entry-active .mobile-entry-button { min-height: 50px !important; margin-top: 24px !important; } } }