.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);height:60px;background:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.1);z-index:1000;padding-bottom:env(safe-area-inset-bottom);max-width:414px;width:100%}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff9;cursor:pointer;transition:all .3s ease;flex:1;padding:8px}.nav-item.active{color:#00d4ff}.nav-item span{font-size:12px;font-weight:500}.nav-item svg{width:24px;height:24px}.short-drama-page{width:100%;height:100vh;background:#000;position:relative;overflow:hidden;padding-bottom:60px}.short-drama-page{width:100%;max-width:414px;margin:0 auto}.drama-categories{position:fixed;top:50px;left:50%;transform:translate(-50%);padding:12px 16px;display:flex;gap:12px;overflow-x:auto;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;padding-top:calc(12px + env(safe-area-inset-top));max-width:414px;width:100%}.drama-categories::-webkit-scrollbar{display:none}.drama-category-tag{padding:6px 16px;background:#ffffff1a;border-radius:16px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .3s}.drama-category-tag:active{background:#00d4ff4d}.drama-category-tag.active{background:#00d4ff4d;color:#00d4ff}.drama-item{margin-bottom:20px;padding:0 8px}.drama-content,.video-container{position:relative;width:100%;min-height:calc(100vh - 180px)}.video-placeholder{width:100%;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative}.more-btn{color:#00d4ff;margin-left:4px;cursor:pointer}.publish-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end}.publish-menu{width:100%;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px 24px 0 0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.publish-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:16px;margin-bottom:12px;cursor:pointer;transition:transform .2s;font-size:16px;font-weight:600}.publish-btn:active{transform:scale(.98)}.publish-btn.primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.publish-btn.secondary{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.publish-btn.cancel{background:#ffffff1a;color:#fff;margin-bottom:0}.short-video-page{width:100%;height:100vh;background:#000;position:relative;overflow:hidden;padding-bottom:60px}.short-video-page{width:100%;max-width:414px;margin:0 auto}.video-categories{position:fixed;top:50px;left:50%;transform:translate(-50%);padding:12px 16px;display:flex;gap:12px;overflow-x:auto;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;padding-top:calc(12px + env(safe-area-inset-top));max-width:414px;width:100%}.video-categories::-webkit-scrollbar{display:none}.video-category-tag{padding:6px 16px;background:#ffffff1a;border-radius:16px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .3s}.video-category-tag:active{background:#00d4ff4d}.video-list-area{padding:120px 8px 20px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 8px}.video-card{background:#ffffff0d;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s}.video-card:active{transform:scale(.98)}.video-thumbnail{position:relative;width:100%;padding-top:133.33%;background:#1a1a1a;overflow:hidden}.video-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));display:flex;justify-content:space-between;align-items:flex-end;padding:8px}.video-views{display:flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:500}.video-duration{color:#fff;font-size:12px;background:#0009;padding:2px 6px;border-radius:4px}.video-info{padding:12px}.video-title{font-size:14px;font-weight:500;color:#fff;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.video-author{font-size:12px;color:#ffffffb3}.video-stats{display:flex;align-items:center;gap:4px;color:#ffffffb3;font-size:12px}.video-tags{display:flex;gap:6px;flex-wrap:wrap}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.video-modal-content{width:100%;max-width:414px;max-height:90vh;overflow-y:auto;background:#000;border-radius:12px}.video-player-container{position:relative;width:100%;padding-top:177.78%;background:#000}.video-player{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.close-video-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#0009;border:none;color:#fff;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.video-detail-info{padding:16px}.video-detail-header{display:flex;gap:12px;margin-bottom:12px}.video-author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer}.video-detail-meta{flex:1}.video-detail-author{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.video-detail-stats{display:flex;gap:12px;font-size:12px;color:#ffffffb3}.video-detail-description{font-size:14px;color:#ffffffe6;line-height:1.5;margin-bottom:12px}.video-detail-tags{display:flex;gap:8px;flex-wrap:wrap}.video-category-tag.active{background:#00d4ff4d;color:#00d4ff}.video-container{position:relative;width:100%;min-height:calc(100vh - 180px)}.video-placeholder{width:100%;height:100vh;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;position:relative}.video-content{text-align:center;color:#fff}.video-content h3{font-size:24px;margin-bottom:8px}.video-content p{font-size:16px;opacity:.9}.danmu-area{position:absolute;top:0;left:0;right:80px;height:100%;pointer-events:none;z-index:5;overflow:hidden}.danmu-item{position:absolute;padding:4px 12px;background:#0009;color:#fff;border-radius:12px;font-size:14px;white-space:nowrap;animation:danmu-move 10s linear infinite}.danmu-item:nth-child(1){top:20%;animation-delay:0s}.danmu-item:nth-child(2){top:40%;animation-delay:2s}.danmu-item:nth-child(3){top:60%;animation-delay:4s}@keyframes danmu-move{0%{transform:translate(100%)}to{transform:translate(-100%)}}.comic-page{width:100%;max-width:414px;margin:0 auto;height:100vh;background:#000;position:relative;overflow:hidden;padding-bottom:60px}.top-bar{position:fixed;top:0;left:50%;transform:translate(-50%);height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding-top:env(safe-area-inset-top);max-width:414px;width:100%}.top-left{display:flex;align-items:center;gap:8px}.time{font-size:14px;font-weight:600;color:#fff}.top-center{display:flex;gap:24px}.category-tab{font-size:16px;color:#fff9;cursor:pointer;position:relative;padding:4px 0;transition:color .3s}.category-tab.active{color:#fff;font-weight:600}.category-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#00d4ff}.top-right{display:flex;gap:16px;align-items:center}.icon-btn{color:#fff;cursor:pointer;transition:opacity .3s}.icon-btn:active{opacity:.6}.comic-categories{position:fixed;top:50px;left:50%;transform:translate(-50%);padding:12px 16px;display:flex;gap:12px;overflow-x:auto;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;padding-top:calc(12px + env(safe-area-inset-top));max-width:414px;width:100%}.comic-categories::-webkit-scrollbar{display:none}.comic-category-tag{padding:6px 16px;background:#ffffff1a;border-radius:16px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .3s}.comic-category-tag:active{background:#00d4ff4d}.content-area{width:100%;height:100%;padding-top:120px;overflow-y:auto}.comic-list-area{padding:120px 8px 20px}.comic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 8px}.comic-card{background:#ffffff0d;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s}.comic-card:active{transform:scale(.98)}.comic-thumbnail{position:relative;width:100%;padding-top:133.33%;background:#1a1a1a;overflow:hidden}.comic-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.comic-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));display:flex;justify-content:space-between;align-items:flex-end;padding:8px}.comic-views{display:flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:500}.comic-pages{color:#fff;font-size:12px;background:#0009;padding:2px 6px;border-radius:4px}.comic-info{padding:12px}.comic-title{font-size:14px;font-weight:500;color:#fff;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comic-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comic-author{font-size:12px;color:#ffffffb3}.comic-stats{display:flex;align-items:center;gap:4px;color:#ffffffb3;font-size:12px}.comic-tags{display:flex;gap:6px;flex-wrap:wrap}.comic-category-tag.active{background:#00d4ff4d;color:#00d4ff}.comic-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:2000;display:flex;align-items:center;justify-content:center}.comic-modal-content{width:100%;max-width:414px;height:100vh;display:flex;flex-direction:column;background:#000}.comic-container{position:relative;width:100%;min-height:calc(100vh - 180px)}.comic-viewer{position:relative;width:100%;height:calc(100vh - 240px);display:flex;align-items:center;justify-content:center;background:#1a1a1a}.comic-page-image{width:100%;max-width:400px;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:20px}.page-indicator{position:absolute;top:20px;padding:6px 12px;background:#0009;border-radius:16px;font-size:12px;color:#fff}.page-nav{position:absolute;top:0;bottom:0;width:30%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .3s}.page-nav.left{left:0}.page-nav.right{right:0}.page-nav:hover{background:#ffffff0d}.page-nav svg{color:#fff9;transition:all .3s}.page-nav:hover svg{color:#fff;transform:scale(1.2)}.comic-controls{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 24px;background:#000000b3;border-radius:24px;z-index:10}.control-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border:none;border-radius:16px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s}.control-btn.active{background:#00d4ff4d;color:#00d4ff}.control-btn:active{transform:scale(.95)}.page-info{color:#fff;font-size:14px}.interaction-bar{position:absolute;right:16px;bottom:120px;display:flex;flex-direction:column;gap:24px;align-items:center;z-index:10}.interaction-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;cursor:pointer}.interaction-item svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.interaction-item span{font-size:12px;font-weight:500}.avatar-container{position:relative}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid #fff}.follow-btn{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:#ff4757;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid #000}.content-info{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:10}.content-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#fff}.content-description{font-size:14px;color:#ffffffe6;line-height:1.5;margin-bottom:12px}.content-tags{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tag{padding:4px 12px;background:#fff3;border-radius:12px;font-size:12px}.watch-btn{padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:24px;text-align:center;font-weight:600;cursor:pointer;transition:transform .2s}.watch-btn:active{transform:scale(.98)}.publish-page{width:100%;max-width:414px;margin:0 auto;height:100vh;background:#000;color:#fff;overflow-y:auto;padding-bottom:60px}.publish-header{position:sticky;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding-top:env(safe-area-inset-top);border-bottom:1px solid rgba(255,255,255,.1)}.publish-header h2{font-size:18px;font-weight:600}.publish-form{padding:24px 16px;max-width:600px;margin:0 auto}.form-section{margin-bottom:24px}.form-section label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#ffffffe6}.form-section input[type=text],.form-section textarea{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;font-family:inherit}.form-section input[type=text]:focus,.form-section textarea:focus{outline:none;border-color:#00d4ff;background:#ffffff26}.form-section textarea{resize:vertical;min-height:100px}.type-selector{display:flex;gap:12px;flex-wrap:wrap}.type-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s}.type-btn.active{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff;color:#fff}.type-btn:active{transform:scale(.95)}.category-selector{display:flex;gap:12px;flex-wrap:wrap}.category-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s}.category-btn.active{background:#00d4ff4d;border-color:#00d4ff;color:#00d4ff}.category-btn:active{transform:scale(.95)}.file-upload{position:relative}.file-upload input[type=file]{position:absolute;opacity:0;width:0;height:0}.upload-btn{display:inline-block;padding:12px 24px;background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s;text-align:center;width:100%}.upload-btn:hover{background:#ffffff26;border-color:#00d4ff}.file-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.file-item{padding:8px 12px;background:#ffffff0d;border-radius:8px;font-size:12px;color:#fffc}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s;margin-top:32px}.submit-btn:active{transform:scale(.98)}.user-profile-page{width:100%;max-width:414px;margin:0 auto;min-height:100vh;background:#1a1a1a;color:#fff;padding-bottom:60px}.back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.live-badge{position:absolute;top:-4px;right:-4px;background:#ff4757;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px;border:2px solid #1a1a1a}.profile-actions{display:flex;gap:12px}.follow-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#ff6b9d,#ee5a6f);border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.follow-btn:active{transform:scale(.98)}.message-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:none;border-radius:24px;color:#fff;font-size:14px;cursor:pointer;transition:transform .2s}.message-btn:active{transform:scale(.98)}.my-profile-page{width:100%;max-width:414px;margin:0 auto;min-height:100vh;background:#1a1a1a;color:#fff;padding-bottom:60px}.profile-top-bar{position:sticky;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.profile-title-section{display:flex;align-items:center;gap:8px}.title-indicator{width:3px;height:16px;background:#ff6b9d;border-radius:2px}.profile-title{font-size:16px;font-weight:600}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px}.profile-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-avatar-container{position:relative;display:inline-block;margin-bottom:16px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:40px}.profile-stats{display:flex;gap:24px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.stat-value.active{color:#00d4ff;text-decoration:underline}.stat-label{font-size:12px;color:#ffffffb3}.profile-info{margin-bottom:16px}.profile-name-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.profile-username{font-size:18px;font-weight:600}.gender-icon{color:#ff6b9d;font-size:16px}.location-badge{background:#ffffff1a;color:#fffc;font-size:12px;padding:4px 8px;border-radius:12px}.profile-bio{font-size:14px;color:#fffc;line-height:1.5;margin-bottom:12px}.profile-extra-stats{display:flex;gap:16px;font-size:14px;color:#ffffffb3}.profile-extra-stats span.active{color:#00d4ff;text-decoration:underline}.profile-tabs{position:relative;display:flex;border-bottom:1px solid rgba(255,255,255,.1);padding:0 16px}.profile-tab{flex:1;text-align:center;padding:12px 0;font-size:14px;color:#fff9;cursor:pointer;position:relative;transition:color .3s}.profile-tab.active{color:#fff;font-weight:600}.profile-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:#ff6b9d}.profile-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:2px}.content-grid-item{aspect-ratio:1;background:#000;position:relative;overflow:hidden}.grid-item-thumbnail{width:100%;height:100%;position:relative}.grid-video{width:100%;height:100%;object-fit:cover}.grid-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6));display:flex;align-items:flex-end;padding:8px}.grid-views{display:flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:500}.grid-item-info{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.grid-item-title{font-size:12px;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-item-date{font-size:10px;color:#ffffffb3}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#ffffff80;font-size:14px}.app{width:100%;max-width:414px;height:100vh;position:relative;background:#000;overflow:hidden;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;overflow-x:hidden}#root{width:100%;max-width:414px;min-height:100vh;height:100vh;position:relative;margin:0 auto;background:#000;overflow-x:hidden}@media (min-width: 415px){#root{box-shadow:0 0 20px #ffffff1a;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);height:100vh}body{background:#1a1a1a;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:0;margin:0}html{overflow-x:hidden}}