html,body{width:100%;max-width:100%;overflow-x:hidden}
.home-app,.home-app *{min-width:0}
.home-app img{max-width:100%;height:auto}
.home-app p,.home-app h1,.home-app h2,.home-app h3,.home-app h4,.home-app td{overflow-wrap:break-word;word-break:break-word}
.home-app button,.home-app a,.home-app .rail-link span,.home-app .side-action span{white-space:nowrap;overflow-wrap:normal;word-break:keep-all}
.home-coupon-info h3,.home-coupon-info p{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.home-coupon-info h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

@media(max-width:980px){
 html,body{margin:0!important;padding:0!important;width:100%!important;height:100dvh;overflow:hidden}
 .home-app{width:100%!important;height:100dvh;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:64px minmax(0,1fr)!important;border-radius:0;overflow:hidden}
 .topbar{grid-column:1;grid-row:1;height:64px;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 14px}
 .brand{min-width:46px}.brand-mark{width:40px;height:40px}
 .brand>div:last-child,.window-tools,.action-chip,.search-top{display:none!important}
 .main-nav{gap:14px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
 .main-nav::-webkit-scrollbar{display:none}
 .main-nav a{flex:0 0 auto;font-size:14px;letter-spacing:0}
 .main-nav a.active:after{bottom:-12px;width:28px}
 .top-actions{gap:6px}.user-avatar{width:36px;height:36px}
 .content{grid-column:1!important;grid-row:2!important;width:100%;height:100%;padding:12px 14px 24px;overflow-x:hidden;overflow-y:auto}
 .left-rail,.right-rail,.reference-left-rail,.float-order,.mobile-hide-apply,[data-home-side="apply"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
 .club-grid,.recommend-grid,.newcomer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .home-guarantees,.footer-note{width:100%!important;margin-left:0!important;margin-right:0!important}
 .home-order-head,.home-apply-head{gap:14px}
 .home-rank-cats,.home-order-tabs,.home-order-status,.home-checkin-tabs,.home-checkin-subtabs,.newcomer-tabs{overflow-x:auto;scrollbar-width:none}
 .home-rank-cats::-webkit-scrollbar,.home-order-tabs::-webkit-scrollbar,.home-order-status::-webkit-scrollbar,.home-checkin-tabs::-webkit-scrollbar,.home-checkin-subtabs::-webkit-scrollbar,.newcomer-tabs::-webkit-scrollbar{display:none}
 .home-coupon-page{padding:0 0 18px}.home-coupon-head h1{font-size:23px}.home-coupon-head p{font-size:13px;max-width:430px}
 .home-coupon-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:2px;scrollbar-width:none}.home-coupon-tabs::-webkit-scrollbar{display:none}.home-coupon-tabs button{flex:0 0 auto}
}

@media(max-width:980px){
 body{height:100dvh;overflow:hidden}
 .home-app{display:block;height:100dvh;padding:58px 0 62px;overflow:hidden;border-radius:0}
 .topbar{position:fixed;inset:0 0 auto;height:58px;display:flex;justify-content:space-between;padding:0 12px;background:rgba(18,18,22,.94);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px);z-index:60}
 .brand{min-width:0}.brand-mark{width:36px;height:36px;border-radius:11px}.brand-mark:before,.brand-mark:after{font-size:24px;top:4px}
 .main-nav{position:fixed;left:0;right:0;bottom:0;height:62px;display:flex;justify-content:flex-start;gap:0;padding:0 4px;background:rgba(17,17,21,.97);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 24px rgba(0,0,0,.22);z-index:110;overflow-x:auto}
 .main-nav a{flex:1 0 68px;min-width:68px;height:62px;display:grid;place-items:center;padding:0 8px;font-size:12px;font-weight:800}
 .main-nav a.active:after{bottom:4px;height:3px;width:24px}
 .top-actions{margin-left:auto}.user-area{gap:4px}.user-avatar{width:34px;height:34px}.login-pill{height:32px;padding:0 11px;font-size:12px}
 .left-rail,.right-rail,.float-order{display:none!important}
 .content{width:100%;height:calc(100dvh - 120px);padding:10px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}

 .hero-banner{height:auto!important;min-height:148px;padding:18px!important;border-radius:14px!important}
 .hero-copy{max-width:72%}.hero-title{font-size:23px!important;line-height:1.25!important}.hero-copy p{font-size:12px!important;line-height:1.55!important}
 .hero-shortcuts{display:none!important}.info-row,.type-row,.game-row,.tag-row{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none;padding-bottom:4px}.info-row::-webkit-scrollbar,.type-row::-webkit-scrollbar,.game-row::-webkit-scrollbar,.tag-row::-webkit-scrollbar{display:none}
 .type-row>*,.game-row>*,.tag-row>*{flex:0 0 auto}
 .section-title,.recommend-head{align-items:center;gap:8px}.section-title h2,.recommend-head h2{font-size:18px!important}
 .club-grid,.recommend-grid,.newcomer-grid{grid-template-columns:1fr!important;gap:12px!important}
 .club-card,.newcomer-card{border-radius:14px!important}.club-actions{flex-wrap:wrap}.club-actions>*{flex:1 1 110px}
 .search-result-head,.search-profile,.search-filter-bar{display:block!important}.search-profile-tags,.search-quick{display:flex!important;overflow-x:auto;gap:8px}.search-profile-tags>*,.search-quick>*{flex:0 0 auto}

 .home-coupon-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:16px;border-radius:15px}
 .home-coupon-head h1{font-size:20px;line-height:1.25}.home-coupon-head p{margin-top:5px;font-size:12px;line-height:1.55}
 .home-coupon-head button{align-self:start;padding:7px 10px;font-size:12px}
 .home-coupon-tabs{gap:7px;margin:12px 0}.home-coupon-tabs button{padding:8px 12px;font-size:12px}
 .home-coupon-list{grid-template-columns:1fr;gap:10px}.home-coupon-ticket{grid-template-columns:98px minmax(0,1fr);min-height:112px;border-radius:14px}
 .home-coupon-value{padding:10px}.home-coupon-value strong{font-size:20px;text-align:center}.home-coupon-value span{font-size:10px;line-height:1.4;text-align:center;white-space:normal}
 .home-coupon-info{padding:14px}.home-coupon-info h3{margin-bottom:7px;font-size:15px;line-height:1.45}.home-coupon-info p{margin:0;font-size:11px;line-height:1.5}.home-coupon-empty{padding:42px 12px}

 .home-order-page,.home-rank-page,.home-checkin-page,.home-apply-page,.home-newcomer-page{padding:0!important}
 .home-order-head,.home-apply-head,.home-checkin-hero,.newcomer-hero{display:block!important;padding:16px!important;border-radius:14px!important}
 .home-order-title{align-items:flex-start!important}.home-order-title img{width:44px!important;height:44px!important}.home-order-title h2,.home-apply-head h1,.home-checkin-title,.newcomer-hero h1{font-size:20px!important;line-height:1.35!important}
 .home-order-title p,.home-apply-head p,.home-checkin-desc,.newcomer-hero p{font-size:12px!important;line-height:1.6!important}
 .home-order-actions,.home-apply-actions{justify-content:stretch!important;margin-top:13px!important}.home-order-actions button,.home-apply-actions button{flex:1;padding:10px 8px!important}
 .home-order-tabs,.home-order-status,.home-rank-cats,.home-checkin-tabs,.home-checkin-subtabs,.newcomer-tabs{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;padding-bottom:3px}
 .home-order-tabs>*,.home-order-status>*,.home-rank-cats>*,.home-checkin-tabs>*,.home-checkin-subtabs>*,.newcomer-tabs>*{flex:0 0 auto!important}
 .home-order-card{padding:14px!important;border-radius:14px!important}.home-order-card-top{align-items:flex-start!important}.home-order-price{font-size:18px!important}
 .home-rank-board,.home-rank-inner{overflow:hidden!important}.home-rank-head,.home-rank-row{grid-template-columns:42px minmax(120px,1fr) 72px!important}.home-rank-head>*:nth-child(n+4),.home-rank-row>*:nth-child(n+4){display:none!important}.home-rank-current{overflow-x:auto}
 .home-checkin-task-layout,.home-checkin-grid,.home-apply-grid{grid-template-columns:1fr!important}.home-apply-card{padding:16px!important;border-radius:14px!important}.home-apply-field.full{grid-column:auto!important}
 .newcomer-toolbar{display:block!important}.newcomer-toolbar h2{font-size:18px!important}.newcomer-tabs{margin-top:10px}.newcomer-gift{font-size:48px!important}

 .message-modal-mask,.daily-sign-mask,.home-recharge-mask,.home-identity-mask,.club-exam-mask{padding:8px!important;align-items:center!important;z-index:140!important}
 .message-modal,.daily-sign-panel,.home-recharge-panel,.home-identity-panel,.club-exam-panel,.home-order-modal-panel{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 28px)!important;border-radius:16px!important;overflow:auto!important}
 .message-modal{height:calc(100dvh - 28px)!important}.message-body{grid-template-columns:112px minmax(0,1fr)!important}.message-left{width:auto!important}.message-item{padding:10px 8px!important}.message-item img{width:36px!important;height:36px!important}.message-item p,.message-item small{font-size:10px!important}.message-head{padding:10px 12px!important}.message-chat{padding:12px!important}.message-bubble{max-width:86%!important;font-size:12px!important}
 .daily-sign-banner,.home-recharge-head,.home-identity-head,.club-exam-head{padding:18px!important}.daily-sign-days{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.daily-sign-day{padding:8px 3px!important}.home-diamond-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:420px){
 .topbar{padding:0 9px}.content{padding:8px}.main-nav a{flex-basis:62px;min-width:62px;font-size:11px}
 .hero-copy{max-width:82%}.hero-title{font-size:20px!important}
 .home-coupon-head{grid-template-columns:1fr}.home-coupon-head button{justify-self:start}.home-coupon-ticket{grid-template-columns:88px minmax(0,1fr)}.home-coupon-info{padding:12px}.home-coupon-tabs button{padding:7px 10px}
 .message-body{grid-template-columns:88px minmax(0,1fr)!important}.message-item>div{display:none!important}.message-item{justify-content:center!important}.message-item img{width:40px!important;height:40px!important}
 .daily-sign-days{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-identity-body{padding:16px!important}.home-identity-status-card{margin:14px 16px 0!important;display:block!important}.home-identity-status-badge{display:inline-block;margin-top:9px}
}

.mobile-app-head,.mobile-bottom-nav{display:none}
@media(max-width:720px){
 body{background:radial-gradient(circle at 50% -8%,rgba(70,96,220,.32),transparent 35%),linear-gradient(180deg,#0b1432,#071126 46%,#050b1b)!important;color:#edf2ff}
 .home-app{padding:124px 0 72px!important;background:linear-gradient(180deg,#0b1430,#080f24 58%,#070b19)!important}
 .topbar{height:124px!important;display:block!important;padding:14px 16px 10px!important;background:linear-gradient(180deg,rgba(9,17,43,.96),rgba(10,16,38,.9))!important;border-bottom:0!important;box-shadow:none!important}
 .mobile-app-head{display:flex;align-items:center;justify-content:space-between;height:32px;margin-bottom:12px}
 .mobile-brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:15px;font-weight:1000;letter-spacing:.02em}
 .mobile-brand-icon{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#6b7dff,#7f43ff);box-shadow:0 0 18px rgba(113,92,255,.52);font-size:11px;color:#bdf6ff}
 .mobile-head-actions{display:flex;align-items:center;gap:12px}
 .mobile-head-actions button{position:relative;width:30px;height:30px;border:0;border-radius:11px;background:rgba(255,255,255,.07);color:#dfe8ff;font-size:16px;display:grid;place-items:center}
 .mobile-badge{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:999px;background:#ff3c67;color:#fff;font-size:10px;line-height:17px;font-weight:900}
 .brand,.main-nav,.top-actions,.window-tools,.user-area,.home-user-trigger,.user-avatar,.home-user-popover{display:none!important}
 .search-top{display:flex!important;width:100%;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.075);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);padding:0 14px;color:#707c9f}
 .search-top input{font-size:12px;color:#dfe7ff}.search-top input::placeholder{color:#697696}
 .content{height:calc(100dvh - 196px)!important;padding:0 16px 16px!important;background:transparent!important}
 .search-result-head,.search-game-tabs,.search-filter-bar{display:none!important}
 .search-profile img,#searchResultAvatar,.home-order-title img,#homeRankCurrentAvatar{display:none!important}
 .desktop-hero-layout{display:block!important;margin:0 0 14px!important}
 .hero-banner{min-height:104px!important;height:104px!important;padding:18px 18px!important;border-radius:14px!important;background:linear-gradient(90deg,rgba(15,21,58,.72),rgba(78,63,174,.42)),url('https://images.unsplash.com/photo-1542751371-adc38448a05e?w=900&h=300&fit=crop') center/cover!important;box-shadow:0 14px 28px rgba(0,0,0,.28),0 0 0 1px rgba(130,151,255,.12)!important}
 .hero-title{font-size:21px!important;line-height:1.22!important;text-shadow:0 4px 16px rgba(0,0,0,.45)}
 .hero-copy,.hero-order-btn,.hero-arrow{display:none!important}
 .hero-dots{left:50%!important;right:auto!important;bottom:10px!important;transform:translateX(-50%)!important}
 .hero-dots i{width:18px!important;height:3px!important;border-radius:999px!important;background:rgba(255,255,255,.42)!important}.hero-dots i.active{background:#fff!important}
 .hero-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;margin:14px 0 16px!important}
 .hero-shortcut{height:auto!important;min-height:70px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column-reverse!important;justify-content:center!important;align-items:center!important;gap:8px!important;color:#cbd6ff!important}
 .hero-shortcut i{width:44px!important;height:44px!important;border-radius:18px!important;display:grid!important;place-items:center!important;font-size:24px!important;background:linear-gradient(145deg,#6b55ff,#3c47b8)!important;box-shadow:0 10px 22px rgba(72,75,205,.35)!important}
 .hero-shortcut.rank i{background:linear-gradient(145deg,#f2b944,#895d1e)!important}.hero-shortcut.newcomer i{background:linear-gradient(145deg,#48d5a4,#1d7d72)!important}
 .hero-shortcut span{display:block!important;text-align:center}.hero-shortcut b{font-size:12px!important;color:#dbe5ff!important}.hero-shortcut small{display:none!important}
 .section-title{display:none!important}.type-row{display:none!important}.game-row{display:none!important}.home-guarantees,.footer-note,.search-more{display:none!important}
 .recommend-head{height:32px;margin:0 0 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#7582a8!important}
 .recommend-head strong{position:relative;color:#a992ff!important;font-size:15px!important}.recommend-head strong:after{content:'';position:absolute;left:0;bottom:-7px;width:24px;height:3px;border-radius:999px;background:#7b5cff;box-shadow:0 0 12px rgba(123,92,255,.8)}
 .recommend-head span{width:22px;height:22px;overflow:hidden;color:transparent!important;border:1px solid rgba(173,187,255,.42);border-radius:7px;position:relative}.recommend-head span:before{content:'⌯';position:absolute;inset:0;display:grid;place-items:center;color:#9ba8ce;font-size:17px}
 .tag-row{display:none!important}
 .club-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;padding-bottom:8px!important}
 .club-card{display:grid!important;grid-template-columns:74px minmax(0,1fr) auto!important;min-height:96px!important;padding:10px 10px!important;border-radius:13px!important;background:linear-gradient(135deg,rgba(35,45,91,.95),rgba(22,30,67,.96))!important;border:1px solid rgba(129,145,255,.12)!important;box-shadow:0 12px 26px rgba(0,0,0,.25)!important;overflow:hidden!important}
 .club-cover{grid-column:1!important;grid-row:1 / span 2!important;width:62px!important;height:74px!important;border-radius:12px!important;align-self:center!important;overflow:hidden!important;background:#151b3b!important}.club-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
 .club-status-pill,.club-score-chip,.club-card-badge,.club-rating,.club-voice,.heart{display:none!important}
 .club-body{grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0!important}.club-name{font-size:15px!important;color:#f3f6ff!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.club-desc{height:auto!important;margin:6px 0 0!important;color:#8694bd!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.club-meta{margin-top:5px!important;color:#ffd15f!important;font-size:12px!important}.club-meta:before{content:'★ 5.0';color:#ffd15f;margin-right:8px}.club-price-row{grid-column:2!important;grid-row:2!important;align-self:end!important;margin:0!important}.club-price{font-size:18px!important;color:#ff6789!important}.club-price small{color:#a6b0d1!important;font-size:11px!important}
 .club-actions{grid-column:3!important;grid-row:1 / span 2!important;align-self:center!important;display:block!important;margin:0!important}.club-actions a,.club-actions button{width:82px!important;height:34px!important;border-radius:9px!important;background:linear-gradient(135deg,#8767ff,#6752ff)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;padding:0!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(104,82,255,.36)!important}.club-actions a:nth-child(n+2),.club-actions button:nth-child(n+2){display:none!important}
 .club-card:after{content:'• 在线';position:absolute;right:12px;top:10px;color:#4af08d;font-size:11px;font-weight:900}
 .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:130;height:66px;padding:7px 10px 8px;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(7,13,33,.96);border-top:1px solid rgba(125,145,225,.16);box-shadow:0 -10px 28px rgba(0,0,0,.35);backdrop-filter:blur(16px)}
 .mobile-bottom-nav a{position:relative;display:grid;place-items:center;gap:2px;text-decoration:none;color:#7481a9;font-size:10px;font-weight:800}.mobile-bottom-nav i{font-style:normal;font-size:20px}.mobile-bottom-nav a.active{color:#7d70ff}.mobile-bottom-nav a.active i{width:28px;height:24px;border-radius:9px;background:linear-gradient(135deg,#7f6bff,#4f5dff);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(96,92,255,.34)}.mobile-bottom-nav b{position:absolute;top:1px;right:18%;min-width:17px;height:17px;border-radius:999px;background:#ff3d64;color:#fff;font-size:10px;line-height:17px;text-align:center}
}
