:root{font-size:16px}@media (max-width:768px){:root{font-size:4.27vw!important}*,img{max-width:100%!important}body,html{overflow-x:hidden!important;width:100%!important}body{font-size:14px!important;position:fixed;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}a,div,li,p,span{font-size:inherit!important;line-height:1.5!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}h4{font-size:16px!important}h5{font-size:14px!important}h6{font-size:13px!important}*{box-sizing:border-box!important;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img{height:auto!important}input,textarea{-webkit-user-select:auto;user-select:auto}}@media (min-width:481px) and (max-width:768px){:root{font-size:2.08vw}}@media (max-width:374px){:root{font-size:5vw;min-width:320px}}@media (max-width:768px){.header-action-btn,.home-tab-btn{white-space:nowrap!important;min-width:auto!important}.sidebar{position:fixed!important;left:0!important;top:0!important;width:70vw!important;max-width:280px!important;height:100vh!important;transform:translateX(-100%)!important;transition:transform .3s!important;z-index:9999!important;font-size:14px!important}.sidebar.active{transform:translateX(0)!important}.sidebar-header{padding:12px!important}.sidebar-logo{display:flex!important;align-items:center!important;gap:10px!important}.sidebar-logo img{width:36px!important;height:36px!important}.brand-info h2{font-size:16px!important;margin:0!important}.brand-info p{font-size:11px!important;margin:2px 0 0!important}.sidebar-user{position:relative!important;z-index:10000!important}.user-menu-btn{z-index:10001!important}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9996;opacity:0;transition:opacity .3s}.sidebar-overlay.active{display:block;opacity:1}.mobile-menu-btn{display:flex!important;position:fixed;top:6px;left:6px;width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;justify-content:center;z-index:9997;box-shadow:var(--shadow-sm);cursor:pointer}.content-header,.modal-header{top:0!important;border-bottom:1px solid var(--border-color)!important}.mobile-menu-btn i{font-size:14px;color:var(--text-primary)}.sidebar-toggle{display:none!important}.main-content{margin-left:0!important;padding:84px 12px 20px!important;width:100%!important}.content-header{position:fixed!important;left:0!important;right:0!important;height:44px!important;padding:8px 12px 8px 46px!important;margin:0!important;background:var(--bg-primary)!important;z-index:9990!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-footer,.modal-header{position:sticky!important;background:var(--bg-card)!important}.page-header{padding:0!important;margin-bottom:16px!important}.page-title{font-size:24px!important;text-align:center!important;margin:0!important}.home-tabs-container{padding:0!important;margin:0 -12px!important}.home-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:0 12px 10px!important;gap:8px!important;scrollbar-width:none!important}.home-tabs::-webkit-scrollbar{display:none!important}.home-tab-btn{flex:0 0 auto!important;padding:6px 14px!important;font-size:13px!important;border-radius:16px!important;height:32px!important}.home-tab-content{padding:0!important}.tab-pane{padding:12px 0!important}.feature-grid,.tools-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:0!important}.ai-characters-grid,.books-grid,.character-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}#promptSavedList,#promptSelectionList{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.ai-character-card,.book-card,.character-card{width:100%!important;max-width:none!important}.feature-card,.tool-card{padding:14px!important;border-radius:10px!important;margin-bottom:0!important}.feature-card h3,.tool-card h3{font-size:15px!important;margin-bottom:6px!important}.feature-card p,.tool-card p{font-size:13px!important;line-height:1.4!important}.feature-icon,.tool-icon{width:36px!important;height:36px!important;font-size:18px!important;margin-bottom:10px!important}.btn{padding:8px 16px!important;font-size:14px!important;border-radius:18px!important}.user-info-section,.user-name{font-size:13px!important}.btn-primary{width:100%!important;margin:6px 0!important}.create-entry-card{padding:20px 16px!important;margin-bottom:12px!important}.create-entry-card .card-icon{width:50px!important;height:50px!important;font-size:24px!important}.create-entry-card h3{font-size:18px!important;margin:12px 0 8px!important}.modal{padding:0!important;z-index:10000!important}.modal-content{width:95vw!important;max-width:95vw!important;height:auto!important;max-height:90vh!important;margin:5vh auto!important;border-radius:12px!important;overflow:hidden!important}.modal-header{padding:14px 16px!important;z-index:10001!important}.modal-body{padding:16px!important;overflow-y:auto!important;max-height:calc(90vh - 120px)!important}.modal-footer{padding:14px 16px!important;bottom:0!important;border-top:1px solid var(--border-color)!important}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px!important;padding:12px!important;border-radius:8px!important}.mobile-bottom-actions{display:flex!important;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-color);padding:12px;gap:12px;z-index:9996}.mobile-bottom-actions .btn{flex:1;margin:0!important}.user-info-section{padding:12px!important}.user-avatar{width:36px!important;height:36px!important}.user-balance{font-size:11px!important}.nav-menu{padding:0!important}.nav-item{padding:10px 14px!important;font-size:13px!important}.announcement-section,.stat-card{padding:10px!important}.nav-item i{font-size:14px!important;width:18px!important;margin-right:10px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-value{font-size:18px!important}.stat-label{font-size:11px!important}.announcement-section{margin:0 0 10px!important;border-radius:8px!important}.announcement-title{font-size:13px!important}.announcement-content{font-size:12px!important;max-height:80px!important}.user-dropdown{position:fixed!important;top:auto!important;bottom:60px!important;left:12px!important;right:12px!important;width:auto!important;z-index:10002!important;max-width:calc(100vw - 24px)!important}.quick-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:10px 0!important}.quick-action-btn{padding:10px 6px!important;font-size:11px!important;text-align:center!important}.quick-action-btn i{display:block!important;font-size:20px!important;margin-bottom:4px!important}.header-actions{display:flex!important;gap:4px!important;flex-wrap:nowrap!important}.header-action-btn{padding:4px 8px!important;font-size:11px!important;border-radius:12px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}.header-action-btn i{display:none!important}.header-action-btn span{display:inline!important;font-size:11px!important;font-weight:500!important}.api-btn span,.invitation-btn span,.messages-btn span,.recharge-btn span{font-size:0!important}.api-btn span::before{content:'API'!important;font-size:11px!important}.recharge-btn span::before{content:'充值'!important;font-size:11px!important}.invitation-btn span::before{content:'邀请'!important;font-size:11px!important}.messages-btn span::before{content:'消息'!important;font-size:11px!important}}@media (max-width:374px){.main-content{padding:84px 8px 20px!important}.feature-card,.tool-card{padding:12px!important}.btn{padding:8px 16px!important;font-size:13px!important}.stats-grid{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:repeat(2,1fr)!important}#promptSavedList,#promptSelectionList{grid-template-columns:1fr!important;gap:8px!important}}@media (min-width:481px) and (max-width:768px){.sidebar{width:320px!important;max-width:40vw!important}.feature-grid,.tools-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.quick-actions,.stats-grid{grid-template-columns:repeat(4,1fr)!important}#promptSavedList,#promptSelectionList{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.main-content{padding:84px 20px 20px!important}}@media (pointer:coarse){.btn,.clickable,a,button{min-height:44px;min-width:44px}a{display:inline-block;padding:8px 4px}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px}}@supports (-webkit-touch-callout:none){.main-content{padding-bottom:env(safe-area-inset-bottom)!important}.mobile-bottom-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}input,select,textarea{-webkit-appearance:none;appearance:none;border-radius:0}}@media (max-width:768px) and (orientation:landscape){.page-header{display:none!important}.main-content{padding-top:84px!important}.feature-grid,.tools-grid{grid-template-columns:repeat(3,1fr)!important}.modal-content{height:100vh!important;max-height:100vh!important}}@media (min-width:1200px){#promptSavedList,#promptSelectionList{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}}@media (min-width:769px) and (max-width:1199px){#promptSavedList,#promptSelectionList{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}