#app-mobile{width:100%;max-width:100%;overflow-x:hidden}:root{--m-primary:#f97316;--m-primary-light:#fb923c;--m-primary-dark:#ea580c;--m-accent:#f6d365;--m-accent-light:#fda085;--m-success:#10b981;--m-danger:#ef4444;--m-warning:#f59e0b;--m-info:#06b6d4;--gradient-primary:linear-gradient(135deg, #f97316 0%, #fb923c 100%);--gradient-button:linear-gradient(135deg, #f6d365 0%, #fda085 100%);--avatar-gradient:linear-gradient(135deg, #f6d365 0%, #fda085 100%);--m-text-primary:#5a4a3a;--m-text-secondary:#6b5744;--m-text-light:#a08870;--m-text-inverse:#fff;--m-bg-primary:#fef9ef;--m-bg-secondary:#fdf6ec;--m-bg-tertiary:#faf3e8;--m-bg-overlay:#b4966e66;--m-border:#e1cdaa73;--m-border-light:#e6d2b440;--m-shadow-sm:0 1px 2px #b4966e0a;--m-shadow:0 2px 8px #b4966e14;--m-shadow-md:0 4px 16px #b4966e1f;--m-shadow-lg:0 8px 32px #b4966e26;--m-radius-sm:8px;--m-radius:12px;--m-radius-lg:16px;--m-radius-xl:24px;--m-radius-full:9999px;--m-space-xs:4px;--m-space-sm:8px;--m-space:12px;--m-space-md:16px;--m-space-lg:20px;--m-space-xl:24px;--m-space-2xl:32px;--m-font-sm:12px;--m-font:14px;--m-font-md:16px;--m-font-lg:18px;--m-font-xl:20px;--m-font-2xl:24px;--m-safe-top:env(safe-area-inset-top,0px);--m-safe-bottom:env(safe-area-inset-bottom,0px);--m-safe-left:env(safe-area-inset-left,0px);--m-safe-right:env(safe-area-inset-right,0px);--m-tab-height:56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body{background-color:var(--m-bg-secondary);color:var(--m-text-primary);-webkit-overflow-scrolling:touch;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.mobile-app{background:var(--m-bg-secondary);min-height:100dvh;padding-bottom:calc(var(--m-tab-height) + var(--m-safe-bottom));flex-direction:column;display:flex}.mobile-container{width:100%;max-width:100%;padding:0 var(--m-space-md);margin:0 auto}.mobile-content{padding-bottom:calc(var(--m-tab-height) + var(--m-safe-bottom) + 8px);padding-top:calc(var(--m-safe-top) + 8px);flex:1}.mobile-header{z-index:100;background:var(--m-bg-primary);padding:var(--m-space-md);padding-top:calc(var(--m-safe-top) + var(--m-space-md));box-shadow:var(--m-shadow-sm);justify-content:space-between;align-items:center;min-height:56px;display:flex;position:sticky;top:0}.mobile-header-title{font-size:var(--m-font-lg);color:var(--m-text-primary);letter-spacing:.3px;font-weight:700}.mobile-header-left,.mobile-header-right{align-items:center;gap:var(--m-space-md);display:flex}.mobile-header-btn{border-radius:var(--m-radius-lg);background:var(--m-bg-tertiary);width:40px;height:40px;color:var(--m-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-header-btn:active{background:var(--m-border);transform:scale(.95)}.mobile-tab-bar{min-height:calc(var(--m-tab-height) + var(--m-safe-bottom));padding-bottom:var(--m-safe-bottom);background:var(--m-bg-primary);z-index:1000;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);border-top:1px solid #0000000f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.mobile-tab-item{padding:var(--m-space-sm) 0;color:var(--m-text-light);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:56px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-tab-item:active{transform:scale(.96)}.mobile-tab-item.active{color:var(--m-primary)}.mobile-tab-item.active svg{filter:drop-shadow(0 4px 8px #4f46e54d);transform:translateY(-2px)scale(1.08)}.mobile-tab-item svg{width:26px;height:26px;margin-bottom:3px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-tab-item span{letter-spacing:.3px;font-size:10.5px;font-weight:500}.mobile-tab-item .tab-badge{background:var(--m-danger);color:#fff;border-radius:var(--m-radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-4px;right:calc(50% - 14px)}.mobile-btn{justify-content:center;align-items:center;gap:var(--m-space-sm);border-radius:var(--m-radius-lg);font-size:var(--m-font);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;border:none;min-height:44px;padding:12px 24px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.mobile-btn:active{transform:scale(.97)}.mobile-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.mobile-btn-primary{background:linear-gradient(135deg, var(--m-primary) 0%, var(--m-primary-light) 100%);color:var(--m-text-inverse);box-shadow:0 4px 16px #4f46e559}.mobile-btn-primary:active{background:linear-gradient(135deg, var(--m-primary-dark) 0%, var(--m-primary) 100%);box-shadow:0 2px 8px #4f46e54d}.mobile-btn-secondary{background:var(--m-bg-tertiary);color:var(--m-text-primary);border:1px solid var(--m-border)}.mobile-btn-secondary:active{background:var(--m-border)}.mobile-btn-outline{color:var(--m-primary);border:2px solid var(--m-primary);background:0 0}.mobile-btn-outline:active{background:#4f46e514}.mobile-btn-text{color:var(--m-primary);padding:var(--m-space-sm);background:0 0;min-height:auto}.mobile-btn-block{width:100%}.mobile-btn-lg{font-size:var(--m-font-md);border-radius:var(--m-radius-xl);min-height:52px;padding:16px 28px}.mobile-btn-sm{font-size:var(--m-font-sm);min-height:36px;padding:8px 16px}.mobile-input{width:100%;padding:14px var(--m-space-md);border:2px solid var(--m-border);border-radius:var(--m-radius-lg);font-size:var(--m-font-md);background:var(--m-bg-primary);color:var(--m-text-primary);outline:none;min-height:48px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-input:focus{border-color:var(--m-primary);box-shadow:0 0 0 4px #4f46e51f}.mobile-input::placeholder{color:var(--m-text-light)}.mobile-textarea{width:100%;padding:14px var(--m-space-md);border:2px solid var(--m-border);border-radius:var(--m-radius-lg);font-size:var(--m-font);background:var(--m-bg-primary);color:var(--m-text-primary);resize:none;outline:none;min-height:120px;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-textarea:focus{border-color:var(--m-primary);box-shadow:0 0 0 4px #4f46e51f}.mobile-card{background:var(--m-bg-primary);border-radius:var(--m-radius-xl);box-shadow:var(--m-shadow-sm);padding:var(--m-space-lg);margin-bottom:var(--m-space-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-card:active{box-shadow:var(--m-shadow);transform:scale(.99)}.mobile-card-header{margin-bottom:var(--m-space-md);justify-content:space-between;align-items:center;display:flex}.mobile-list{background:var(--m-bg-primary);border-radius:var(--m-radius-xl);overflow:hidden}.mobile-list-item{padding:var(--m-space-lg);border-bottom:1px solid var(--m-border-light);cursor:pointer;align-items:center;transition:all .2s;display:flex}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item:active{background:var(--m-bg-tertiary)}.mobile-list-item-left{align-items:center;gap:var(--m-space-md);flex:1;display:flex}.mobile-list-item-icon{border-radius:var(--m-radius-lg);background:var(--m-bg-tertiary);width:44px;height:44px;color:var(--m-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-list-item-content{flex:1;min-width:0}.mobile-list-item-title{font-size:var(--m-font-md);color:var(--m-text-primary);margin-bottom:4px;font-weight:600}.mobile-list-item-subtitle{font-size:var(--m-font-sm);color:var(--m-text-light)}.mobile-list-item-right{color:var(--m-text-light);flex-shrink:0}.mobile-avatar{border-radius:var(--m-radius-full);background:linear-gradient(135deg, var(--m-primary-light) 0%, var(--m-primary) 100%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden;box-shadow:0 2px 8px #4f46e533}.mobile-avatar img{object-fit:cover;width:100%;height:100%}.mobile-avatar span{color:#fff;font-size:var(--m-font-md);font-weight:600}.mobile-avatar-lg{width:72px;height:72px}.mobile-avatar-lg span{font-size:var(--m-font-xl)}.mobile-avatar-sm{width:36px;height:36px}.mobile-avatar-sm span{font-size:var(--m-font-sm)}.mobile-avatar-xl{width:100px;height:100px;box-shadow:0 4px 16px #4f46e540}.mobile-avatar-xl span{font-size:28px}.mobile-badge{border-radius:var(--m-radius-full);align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.mobile-badge-primary{background:var(--m-primary);background:linear-gradient(135deg, var(--m-primary), var(--m-primary-light));color:#fff}.mobile-badge-secondary{background:var(--m-bg-tertiary);color:var(--m-text-secondary)}.mobile-badge-success{background:var(--m-success);color:#fff}.mobile-badge-danger{background:var(--m-danger);color:#fff}.mobile-tabs{background:var(--m-bg-primary);border-bottom:1px solid var(--m-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{min-width:fit-content;padding:var(--m-space-md);text-align:center;font-size:var(--m-font);color:var(--m-text-light);cursor:pointer;flex:1;font-weight:500;transition:all .2s;position:relative}.mobile-tab.active{color:var(--m-primary);font-weight:600}.mobile-tab.active:after{content:"";background:var(--m-primary);border-radius:var(--m-radius-full);width:32px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mobile-modal-overlay{background:var(--m-bg-overlay);z-index:2000;justify-content:center;align-items:flex-end;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.mobile-modal-content{background:var(--m-bg-primary);border-radius:var(--m-radius-xl) var(--m-radius-xl) 0 0;width:100%;max-height:85vh;padding:var(--m-space-lg);padding-bottom:calc(var(--m-space-lg) + var(--m-safe-bottom));-webkit-overflow-scrolling:touch;animation:.3s modalSlideUp;overflow-y:auto}.mobile-modal-header{margin-bottom:var(--m-space-lg);justify-content:space-between;align-items:center;display:flex}.mobile-modal-title{font-size:var(--m-font-lg);font-weight:600}.mobile-modal-close{border-radius:var(--m-radius-full);background:var(--m-bg-tertiary);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.mobile-modal-close:active{background:var(--m-border)}.mobile-toast{top:calc(var(--m-safe-top) + var(--m-space-lg));color:#fff;border-radius:var(--m-radius-full);font-size:var(--m-font);z-index:3000;text-align:center;background:#000000d9;max-width:calc(100% - 48px);padding:12px 24px;animation:.3s toastFadeIn;position:fixed;left:50%;transform:translate(-50%)}.mobile-toast-success{background:var(--m-success)}.mobile-toast-error{background:var(--m-danger)}.mobile-loading{padding:var(--m-space-2xl);justify-content:center;align-items:center;display:flex}.mobile-spinner{border:3px solid var(--m-border);border-top-color:var(--m-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.mobile-skeleton{background:linear-gradient(90deg, var(--m-bg-tertiary) 25%, var(--m-border-light) 50%, var(--m-bg-tertiary) 75%);border-radius:var(--m-radius);background-size:200% 100%;animation:1.5s infinite skeleton}.mobile-empty{padding:var(--m-space-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.mobile-empty-icon{width:80px;height:80px;margin-bottom:var(--m-space-lg);color:var(--m-text-light)}.mobile-empty-text{font-size:var(--m-font);color:var(--m-text-light);margin-bottom:var(--m-space-lg)}.mobile-search-bar{align-items:center;gap:var(--m-space-sm);padding:10px var(--m-space-md);background:var(--m-bg-tertiary);border-radius:var(--m-radius-full);margin:var(--m-space-md);cursor:pointer;transition:all .2s;display:flex}.mobile-search-bar:active{background:var(--m-border)}.mobile-search-bar svg{color:var(--m-text-light);flex-shrink:0}.mobile-search-bar span{font-size:var(--m-font);color:var(--m-text-light)}.mobile-fab{right:var(--m-space-lg);bottom:calc(var(--m-tab-height) + var(--m-safe-bottom) + var(--m-space-lg));border-radius:var(--m-radius-full);background:var(--m-primary);color:#fff;width:56px;height:56px;box-shadow:var(--m-shadow-md);cursor:pointer;z-index:900;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed}.mobile-fab:active{box-shadow:var(--m-shadow-sm);transform:scale(.95)}.mobile-fab svg{width:28px;height:28px}.mobile-divider{background:var(--m-border);height:1px;margin:var(--m-space-md) 0}.mobile-flex{display:flex}.mobile-flex-col{flex-direction:column;display:flex}.mobile-flex-1{flex:1}.mobile-items-center{align-items:center}.mobile-justify-center{justify-content:center}.mobile-justify-between{justify-content:space-between}.mobile-gap-sm{gap:var(--m-space-sm)}.mobile-gap{gap:var(--m-space-md)}.mobile-gap-lg{gap:var(--m-space-lg)}.mobile-text-sm{font-size:var(--m-font-sm)}.mobile-text{font-size:var(--m-font)}.mobile-text-md{font-size:var(--m-font-md)}.mobile-text-lg{font-size:var(--m-font-lg)}.mobile-text-xl{font-size:var(--m-font-xl)}.mobile-text-primary{color:var(--m-text-primary)}.mobile-text-secondary{color:var(--m-text-secondary)}.mobile-text-light{color:var(--m-text-light)}.mobile-text-center{text-align:center}.mobile-font-medium{font-weight:500}.mobile-font-semibold{font-weight:600}.mobile-font-bold{font-weight:700}.mobile-mt-sm{margin-top:var(--m-space-sm)}.mobile-mt{margin-top:var(--m-space-md)}.mobile-mt-lg{margin-top:var(--m-space-lg)}.mobile-mb-sm{margin-bottom:var(--m-space-sm)}.mobile-mb{margin-bottom:var(--m-space-md)}.mobile-mb-lg{margin-bottom:var(--m-space-lg)}.mobile-ml-sm{margin-left:var(--m-space-sm)}.mobile-ml{margin-left:var(--m-space-md)}.mobile-mr-sm{margin-right:var(--m-space-sm)}.mobile-mr{margin-right:var(--m-space-md)}.mobile-p{padding:var(--m-space-md)}.mobile-p-sm{padding:var(--m-space-sm)}.mobile-p-lg{padding:var(--m-space-lg)}.mobile-px{padding-left:var(--m-space-md);padding-right:var(--m-space-md)}.mobile-py{padding-top:var(--m-space-md);padding-bottom:var(--m-space-md)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:after{content:"";background:#0000001a;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-feedback:active:after{width:200%;height:200%}.mobile-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-img{border-radius:var(--m-radius);width:100%;height:auto;display:block}.mobile-img-grid{gap:var(--m-space-sm);display:grid}.mobile-img-grid-2{grid-template-columns:repeat(2,1fr)}.mobile-img-grid-3,.mobile-img-grid-4{grid-template-columns:repeat(3,1fr)}.mobile-img-grid-4 .img-item:last-child{grid-column:span 2}@media screen and (width<=320px){:root{--m-font-sm:11px;--m-font:13px;--m-font-md:15px;--m-font-lg:17px}}@media (prefers-color-scheme:dark){:root{--m-bg-primary:#1f2937;--m-bg-secondary:#111827;--m-bg-tertiary:#374151;--m-text-primary:#f9fafb;--m-text-secondary:#d1d5db;--m-text-light:#9ca3af;--m-border:#374151;--m-border-light:#4b5563}}