.navbar{padding:16px 0;position:sticky;top:0;z-index:1000;transition:all .3s ease;min-height:60px;background:var(--navbar-bg, rgba(255, 255, 255, .8));backdrop-filter:var(--navbar-blur, blur(10px));-webkit-backdrop-filter:var(--navbar-blur, blur(10px))}.navbar-content{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}.navbar-left{display:flex;align-items:center;gap:16px}.logo{font-size:26px;font-weight:800;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;gap:8px;letter-spacing:-.5px;text-decoration:none;width:160px;flex-shrink:0;overflow:hidden}.logo-icon{font-size:28px}.navbar-logo{display:flex;align-items:center;text-decoration:none;width:160px;flex-shrink:0;overflow:hidden;outline:none!important;-webkit-tap-highlight-color:transparent}.site-logo-img{height:36px;width:auto;max-width:160px;object-fit:contain}.nav-menu{display:flex;gap:14px;align-items:center;padding:6px 0;margin-left:0}.nav-item-container{position:relative;display:flex;align-items:center;outline:none!important}.nav-item-container:focus,.nav-item-container:focus-visible{outline:none!important}.nav-item{display:flex;align-items:center;justify-content:flex-start;gap:6px;height:36px;padding:0 50px 0 18px;border-radius:20px;border:none;background:transparent;text-decoration:none;color:#555;font-size:14px;font-weight:800;white-space:nowrap;box-sizing:border-box;outline:none!important;-webkit-tap-highlight-color:transparent;box-shadow:none;cursor:pointer;transition:all .25s ease}.nav-item:hover{color:#333;background:#0000000a}.nav-item.active{color:var(--primary-color);font-weight:800;background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.04))}.nav-item.active:hover{background:linear-gradient(135deg,rgba(var(--primary-rgb),.16),rgba(var(--primary-rgb),.06))}.dropdown-arrow{font-size:8px;margin-left:4px;opacity:.6;transition:transform .3s ease,opacity .3s ease}.nav-item-container:hover .dropdown-arrow{transform:rotate(180deg);opacity:1}.nav-item-container:hover .dropdown-menu{display:flex;opacity:1;transform:translate(-50%) translateY(0)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f,0 0 1px #0000001a;display:none;opacity:0;flex-direction:column;padding:8px;min-width:180px;margin-top:8px;z-index:1001;transition:all .3s ease}.dropdown-menu:before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:transparent}.dropdown-item{padding:12px 16px;text-decoration:none;color:#4a4a4a;font-size:14px;font-weight:600;border-radius:8px;white-space:nowrap;transition:all .2s ease;text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:10px;position:relative;border-left:3px solid transparent;margin:2px 0}.dropdown-item:before{content:"";width:6px;height:6px;border-radius:50%;background:#d0d0d0;flex-shrink:0;transition:all .2s ease}.dropdown-item:hover{background:linear-gradient(90deg,#e8f0fe,#f5f7fa);color:var(--primary-color);border-left-color:var(--primary-color)}.dropdown-item:hover:before{background:var(--primary-color);transform:scale(1.2)}.dropdown-item.active{background:linear-gradient(90deg,#e8f0fe,#f5f7fa);color:var(--primary-color);border-left-color:var(--primary-color)}.dropdown-item.active:before{background:var(--primary-color)}.dropdown-item.has-submenu:hover{transform:none}.submenu-arrow{font-size:16px;margin-left:8px;opacity:.5}.dropdown-item-container{position:relative}.dropdown-item-container .submenu{position:absolute;left:100%;top:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 0 1px #0000001a;display:none;opacity:0;flex-direction:column;padding:10px;min-width:140px;margin-left:8px;z-index:1002;transition:all .2s ease}.dropdown-item-container:hover .submenu{display:flex;opacity:1}.dropdown-item-container .submenu:before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:10px;background:transparent}.navbar-right{display:flex;align-items:center;gap:12px}.search-bar{position:relative;display:flex;align-items:center;height:36px}.search-bar .search-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;color:#666;transition:all .2s ease;background:transparent}.search-bar .search-icon:hover{background:#0000000d;color:#333}.search-bar input{width:0;padding:0;border:none;background:transparent;font-size:14px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;right:40px}.search-bar input.show{width:200px;padding:8px 16px;opacity:1;border:1px solid rgba(0,0,0,.1);border-radius:20px;background:#f5f5f7}.search-bar input.show:focus{width:240px;background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);outline:none}.search-bar.expanded .search-icon{color:var(--primary-color)}.lang-dropdown-container{position:relative}.lang-dropdown-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid #333;border-radius:20px;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#333;white-space:nowrap;transition:all .2s ease}.lang-dropdown-btn:hover{background:#e8f0fe;color:var(--primary-color);border-color:var(--primary-color)}.lang-dropdown-btn:disabled{opacity:.6;cursor:not-allowed}.lang-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px;min-width:100px;z-index:1000}.lang-dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;text-align:left;font-size:14px;color:#333;cursor:pointer;border-radius:6px;transition:all .2s ease}.lang-dropdown-item:hover{background:#e8f0fe;color:var(--primary-color)}.lang-dropdown-item.active{color:var(--primary-color);font-weight:500}.translate-loading{font-size:12px;color:var(--primary-color);margin-left:8px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-buttons{display:flex;gap:12px;align-items:center}.membership-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:1px solid #333;border-radius:20px;background:transparent;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;box-sizing:border-box}.membership-btn:hover{background:#e8f0fe;color:var(--primary-color);border-color:var(--primary-color)}.membership-btn:hover svg{color:var(--primary-color)}.login-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:1px solid #333;border-radius:20px;background:transparent;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}.login-btn:link,.login-btn:visited{color:#333;border-color:#333}.login-btn:hover{background:#e8f0fe;color:var(--primary-color);border-color:var(--primary-color)}.login-btn:active{color:var(--primary-color);border-color:var(--primary-color)}.user-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:#fff;cursor:pointer;font-size:16px;transition:all .2s ease}.user-btn:hover{background:#f8f9fa;border-color:#0003}.user-menu-container{position:relative}.user-avatar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid #eee;border-radius:50%;background:#1a1a1a;cursor:pointer;transition:all .2s ease;overflow:hidden;padding:0}.user-avatar-btn:hover{border-color:var(--primary-color);transform:scale(1.05)}.user-avatar-btn .avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-btn .avatar-text{color:#fff;font-size:14px;font-weight:600}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;padding:12px 0;z-index:1000;animation:fadeInDown .2s ease;border:1px solid rgba(0,0,0,.05)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info-brief{padding:0;margin:8px;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--primary-color) 0%,#764ba2 100%);border-radius:12px;position:relative;overflow:hidden}.user-info-brief:before{display:none}.user-info-top{display:flex;align-items:center;gap:10px;padding:10px 14px 2px}.user-info-text{flex:1;min-width:0}.user-info-brief .user-avatar-small{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0003}.user-info-brief .user-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;box-shadow:0 2px 8px #0003}.user-info-divider{display:block;width:calc(100% - 28px);height:1px;min-height:1px;background-color:#fff6;margin:2px 14px 8px;flex-shrink:0}.user-badges-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 14px 8px;flex-shrink:0}.badge-item{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;min-width:0}.badge-item.vip-badge{background:linear-gradient(135deg,gold,#fa0);color:#5c3d00}.badge-item.vip-badge svg{flex-shrink:0}.badge-item.points-badge{background:#1a1a2e;color:gold}.user-avatar-center,.user-top-row{display:none}.user-nickname{font-size:16px;font-weight:600;color:#fff;line-height:1.4;display:block;text-shadow:0 1px 2px rgba(0,0,0,.1);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-id{font-size:12px;color:#ffffffd9;line-height:1.4;display:block;margin-top:4px;word-break:break-all}.user-points{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:gold;font-weight:700;background:#ffffff26;padding:2px 8px;border-radius:10px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.menu-divider{height:1px;background:#f0f0f0;margin:8px 16px}.user-dropdown .menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#333;text-decoration:none;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:14px;font-weight:600;margin:0 8px;width:calc(100% - 16px);border-radius:10px}.user-dropdown .menu-item:hover{background:#f5f7fa;color:var(--primary-color)}.user-dropdown .menu-item .menu-icon{font-size:18px;width:20px;text-align:center}.user-dropdown .menu-item.logout{color:#ff4d4f}.user-dropdown .menu-item.logout:hover{background:#fff1f0;color:#ff4d4f}@media (max-width: 1024px){.navbar-left{gap:20px}.search-bar{display:none}}@media (max-width: 768px){.nav-menu{display:none}}.icon-buttons{display:flex;align-items:center;gap:12px}.wechat-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:20px;border:1px solid #333;cursor:pointer;font-size:14px;font-weight:500;background:transparent;color:#333;white-space:nowrap;transition:all .2s ease}.wechat-btn:hover{background:#e8f0fe;color:var(--primary-color);border-color:var(--primary-color)}.wechat-btn svg{flex-shrink:0}.qrcode-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.qrcode-modal{background:#f8f9fa;border-radius:16px;padding:24px;position:relative;min-width:280px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:scaleIn .2s ease}.qrcode-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#00000014;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s ease}.qrcode-close:hover{background:#00000026}.qrcode-title{color:#333;font-size:16px;font-weight:600;margin-bottom:20px}.qrcode-image{width:200px;height:200px;object-fit:contain;border-radius:8px;background:#fff;padding:8px}.qrcode-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:8px;color:#0006;font-size:14px;margin:0 auto}.notification-bell{position:relative}.notification-bell .bell-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#333;border-radius:50%;transition:all .2s ease;position:relative}.notification-bell .bell-icon:hover{background:#0000000d;color:var(--primary-color)}.notification-bell .unread-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;background:#f63;border-radius:9px;font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}.notification-bell .unread-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#f63;border-radius:50%;border:2px solid #fff}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:90vw;max-height:450px;background:#f8f9fa;border-radius:16px;box-shadow:0 8px 30px #00000026;z-index:1001;animation:notifSlideIn .2s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-tabs{display:flex;border-bottom:1px solid #eee;padding:0 16px}.notif-tab{flex:1;padding:14px 8px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:all .2s ease}.notif-tab:hover{color:#333}.notif-tab.active{color:var(--primary-color)}.notif-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--primary-color);border-radius:1px}.notif-tab .tab-dot{display:inline-block;width:6px;height:6px;background:#f63;border-radius:50%;margin-left:4px;vertical-align:middle}.notif-tab-empty{flex:1;padding:14px 8px;color:#999;font-size:14px;text-align:center}.notif-list{flex:1;max-height:320px;overflow-y:auto;padding:8px 0}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-track{background:transparent}.notif-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.notif-item{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease}.notif-item:hover{background:#00000008}.notif-item.unread{background:#ff66330d}.notif-item.unread:hover{background:#ff663314}.notif-icon-wrapper{position:relative;flex-shrink:0;width:40px;height:40px}.notif-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.notif-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center}.notif-icon .foxinn-logo{color:#fff;font-size:18px;font-weight:700}.notif-unread-dot{position:absolute;top:0;right:0;width:6px;height:6px;background:#f63;border-radius:50%;border:1px solid #fff}.notif-content{flex:1;min-width:0}.notif-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-desc{color:#666;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.notif-date{color:#999;font-size:12px}.notif-empty{padding:40px 16px;text-align:center;color:#999;font-size:14px}.notif-footer{padding:12px 16px;border-top:1px solid #eee;background:#fff}.mark-all-read-btn{width:100%;padding:10px 16px;border:none;border-radius:8px;background:transparent;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover{background:rgba(var(--primary-rgb),.1)}.notif-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.notif-detail-modal{background:#f8f9fa;border-radius:12px;max-width:1000px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;animation:scaleIn .2s ease}.notif-detail-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#000000a6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;color:#fff;z-index:10;transition:all .2s ease;line-height:1;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notif-detail-close:hover{background:#000000d9;transform:scale(1.05)}.notif-detail-cover{width:100%;max-height:430px;overflow:hidden}.notif-detail-cover img{width:100%;height:auto;max-height:430px;object-fit:cover;display:block}.notif-detail-content{padding:24px}.notif-detail-title{font-size:20px;font-weight:700;color:#333;margin:0 0 16px;line-height:1.4}.notif-detail-desc{font-size:15px;line-height:1.7;color:#444;margin:0;word-break:break-word}.notif-detail-desc h1{font-size:24px;font-weight:700;margin:16px 0 12px;color:#333;line-height:1.4}.notif-detail-desc h2{font-size:20px;font-weight:600;margin:14px 0 10px;color:#333;line-height:1.4}.notif-detail-desc h3{font-size:17px;font-weight:600;margin:12px 0 8px;color:#333;line-height:1.4}.notif-detail-desc h4{font-size:15px;font-weight:600;margin:10px 0 6px;color:#333;line-height:1.4}.notif-detail-desc p{margin:8px 0;line-height:1.7}.notif-detail-desc ul,.notif-detail-desc ol{padding-left:24px;margin:10px 0}.notif-detail-desc li{margin:4px 0;line-height:1.6}.notif-detail-desc strong,.notif-detail-desc b{font-weight:600}.notif-detail-desc em,.notif-detail-desc i{font-style:italic}.notif-detail-desc u{text-decoration:underline}.notif-detail-desc .ql-align-center{text-align:center}.notif-detail-desc .ql-align-right{text-align:right}.notif-detail-desc .ql-align-justify{text-align:justify}.notif-logo-img{width:100%;height:100%;object-fit:contain;padding:0;border-radius:50%}.notif-icon .foxinn-logo-emoji{font-size:22px}.top-ad-banner{width:100%;position:relative;overflow:hidden}.top-ad-banner__slides{position:relative;width:100%;height:100%}.top-ad-banner__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.top-ad-banner__slide--active{opacity:1;pointer-events:auto}.top-ad-banner__link{display:block;width:100%;height:100%;cursor:pointer}.top-ad-banner__link--no-link{cursor:default}.top-ad-banner__image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.top-ad-banner__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#0006;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10;padding:0}.top-ad-banner__close:hover{background:#0009}.top-ad-banner__close svg{width:14px;height:14px;stroke:#fff;stroke-width:2}.top-ad-banner__indicators{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.top-ad-banner__indicator{width:6px;height:6px;border-radius:50%;background:#ffffff80;border:none;padding:0;cursor:pointer;transition:background .2s ease}.top-ad-banner__indicator--active{background:#ffffffe6}.top-ad-banner__indicator:hover{background:#fffc}.comment-section{padding:16px 0}.comment-section-title{font-size:18px;font-weight:700;color:#222;margin:0 0 16px;padding:0}.comment-input-area{margin-bottom:20px}.comment-input-wrapper{display:flex;flex-direction:column;max-width:100%}.comment-main-input{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:10px;font-size:14px;outline:none;background:#f7f7f7;transition:border-color .2s,background .2s;box-sizing:border-box;resize:none;line-height:1.6;font-family:inherit}.comment-main-input:focus{border-color:#1890ff;background:#fff}.comment-main-input::placeholder{color:#bbb}.comment-submit-row{display:flex;justify-content:flex-end;margin-top:8px}.comment-submit-btn{font-size:14px;color:#1890ff;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.comment-submit-btn:hover{color:#0d6ebc}.comment-list{margin-top:4px}.no-comments{text-align:center;padding:40px 20px;color:#999;font-size:14px}.comment-item{margin-bottom:20px}.comment-main{display:flex;gap:12px}.comment-avatar{width:40px;height:40px;flex-shrink:0}.comment-avatar.small{width:30px;height:30px}.comment-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#222;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.comment-avatar.small .avatar-placeholder{font-size:12px}.comment-body{flex:1;min-width:0}.comment-nickname{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.reply-to{font-size:13px;color:#999;font-weight:400}.reply-target{color:#1890ff}.comment-content{font-size:14px;line-height:1.6;color:#333;word-break:break-word;margin-bottom:6px}.comment-actions{display:flex;align-items:center;gap:14px}.comment-time{font-size:12px;color:#aaa}.comment-action-link{font-size:12px;color:#aaa;cursor:pointer;transition:color .2s;display:inline-flex;align-items:center;gap:3px;background:none;border:none;padding:0;line-height:1}.comment-action-link:hover{color:#1890ff}.comment-action-link.comment-delete-link:hover{color:#ff4d4f}.comment-action-link.reply-btn{display:inline-flex;align-items:center;gap:3px}.comment-replies{margin-left:52px;margin-top:10px;padding:10px 12px;background:#f9f9f9;border-radius:8px}.reply-item{display:flex;gap:10px;padding:8px 0}.reply-item:not(:last-child){border-bottom:1px solid #eee}.reply-item:first-child{padding-top:0}.reply-item:last-child{padding-bottom:0}.inline-reply-area{margin-left:52px;margin-top:10px}.inline-reply-input{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:10px;font-size:13px;outline:none;background:#f7f7f7;box-sizing:border-box;resize:none;line-height:1.6;font-family:inherit;transition:border-color .2s,background .2s}.inline-reply-input:focus{border-color:var(--primary-color, #1890ff);background:#fff}.inline-reply-input::placeholder{color:#bbb}.inline-reply-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:8px}.inline-reply-submit{font-size:13px;color:#1890ff;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.inline-reply-submit:hover{color:#0d6ebc}.inline-reply-cancel{font-size:13px;color:#aaa;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.inline-reply-cancel:hover{color:#555}.load-more{text-align:center;padding:16px 0 4px}.load-more-link{font-size:14px;color:#1890ff;cursor:pointer;transition:opacity .2s}.load-more-link:hover{opacity:.75;text-decoration:underline}@keyframes folderModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.folder-select-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.folder-select-modal{background:#fff;border-radius:12px;width:360px;max-height:60vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;animation:folderModalFadeIn .18s ease;overflow:hidden}.folder-select-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.folder-select-header h3{margin:0;font-size:15px;font-weight:600;color:#1a1a1a;display:flex;align-items:center}.folder-select-close{width:28px;height:28px;border:none;background:#f5f5f5;color:#666;font-size:18px;font-weight:300;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s,color .15s;padding:0}.folder-select-close:hover{background:#e8e8e8;color:#333}.folder-search-box{position:relative;padding:8px 14px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.folder-search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:#bbb;pointer-events:none}.folder-search-input{width:100%;height:34px;border:1.5px solid #e8e8e8;border-radius:8px;padding:0 10px 0 32px;font-size:13px;color:#333;outline:none;background:#fafafa;transition:border-color .15s,background .15s;box-sizing:border-box}.folder-search-input:focus{border-color:#1677ff;background:#fff}.folder-search-input::placeholder{color:#bbb}.folder-select-list{flex:1;overflow-y:auto;padding:6px 0;min-height:0}.folder-select-list::-webkit-scrollbar{width:4px}.folder-select-list::-webkit-scrollbar-track{background:transparent}.folder-select-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.folder-select-loading,.folder-select-empty{padding:32px 0;text-align:center;color:#aaa;font-size:14px}.folder-select-item{display:flex;align-items:center;height:48px;padding:0 18px;cursor:pointer;transition:background .13s;gap:10px}.folder-select-item:hover{background:#f7f7f7}.folder-select-item.checked{background:#f0f7ff}.folder-select-item.checked:hover{background:#e6f2ff}.folder-check{width:20px;height:20px;border:1.5px solid #d0d0d0;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;transition:border-color .15s,background .15s,color .15s}.folder-select-item.checked .folder-check{background:#1677ff;border-color:#1677ff;color:#fff}.folder-item-name{flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-select-item.checked .folder-item-name{color:#1677ff;font-weight:500}.folder-item-count{font-size:12px;color:#bbb;flex-shrink:0}.folder-create-section{border-top:1px solid #f0f0f0;padding:10px 14px;flex-shrink:0}.folder-create-btn{width:100%;height:38px;border:1.5px dashed #d0d0d0!important;background:transparent!important;color:#333!important;font-size:14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:border-color .15s,color .15s,background .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.folder-create-btn:hover{border-color:#4285f4!important;color:#4285f4!important;background:#eef3fe!important}.folder-create-input{display:flex;gap:6px;align-items:center}.folder-create-input input{flex:1;height:34px;border:1.5px solid #d0d0d0;border-radius:6px;padding:0 10px;font-size:13px;color:#333;outline:none;transition:border-color .15s;min-width:0}.folder-create-input input:focus{border-color:#1677ff}.folder-create-input .btn-confirm{height:34px;padding:0 12px;background:#1677ff;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.folder-create-input .btn-confirm:hover:not(:disabled){background:#0958d9}.folder-create-input .btn-confirm:disabled{opacity:.5;cursor:not-allowed}.folder-create-input .btn-cancel{height:34px;padding:0 10px;background:#f5f5f5;color:#666;border:none;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s}.folder-create-input .btn-cancel:hover{background:#e8e8e8}.work-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.work-detail-modal{position:relative;background:#fff;border-radius:16px;max-width:1400px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.work-detail-modal .close-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;background:#000000a6;color:#fff;font-size:22px;font-weight:300;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.work-detail-modal .close-btn:hover{background:#000000d9;transform:scale(1.05)}.loading-state{padding:60px;text-align:center;color:#999}.work-detail-content{display:flex;height:90vh;max-height:900px}.work-image-section{flex:1;min-width:0;background:#000;display:flex;align-items:center;justify-content:center;padding:20px}.work-image-section img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.work-info-section{width:400px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid #f0f0f0;overflow:hidden}.author-info{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #f0f0f0}.author-avatar{width:40px;height:40px}.author-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.author-info .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500}.author-name{font-size:15px;font-weight:500;color:#333}.work-meta{padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px 20px;border-bottom:1px solid #f0f0f0}.meta-item{display:flex;align-items:center;gap:6px}.meta-label{font-size:12px;color:#999}.meta-value{font-size:13px;color:#333;background:#f5f5f5;padding:2px 8px;border-radius:4px}.work-description{padding:16px 20px;border-bottom:1px solid #f0f0f0}.desc-label{font-size:12px;color:#999;margin-bottom:8px}.desc-content{font-size:14px;line-height:1.6;color:#333;max-height:80px;overflow-y:auto;word-break:break-word}.action-buttons{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid #f0f0f0}.action-buttons .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.action-buttons .action-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.action-buttons .action-btn:disabled{opacity:.6;cursor:not-allowed}.action-buttons .action-btn.active{border-color:#ff4d4f!important;color:#ff4d4f!important}.action-buttons .action-btn.fav-btn.active{border-color:#faad14!important;color:#faad14!important}.action-buttons .clone-btn{background:var(--primary-color);color:#fff;border:none}.action-buttons .clone-btn:hover{opacity:.9;color:#fff}.action-buttons .icon{font-size:16px}.stats-bar{display:flex;gap:20px;padding:12px 20px;font-size:13px;color:#999;border-bottom:1px solid #f0f0f0}.stats-bar .stat-item{display:inline-flex;flex-direction:row;align-items:center;gap:3px;font-size:13px;color:#999;white-space:nowrap}.stats-bar .stat-item svg{display:block;flex-shrink:0;stroke-width:2}.comment-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 20px}@media (max-width: 900px){.work-detail-content{flex-direction:column;height:auto;max-height:none}.work-image-section{height:300px}.work-info-section{width:100%;border-left:none;border-top:1px solid #f0f0f0;max-height:60vh}}.app{width:100%}.hero{padding:0;background:transparent}.hero-content{max-width:100%;margin:0 auto;position:relative}.hero-content.custom-height{overflow:hidden}.hero-content.custom-height>.hero-image,.hero-content.custom-height>.banner-carousel,.hero-content.custom-height>.banner-dots-only,.hero-content.custom-height>.banner-fade,.hero-content.custom-height>.banner-thumbnail-nav,.hero-content.custom-height>.banner-card-stack,.hero-content.custom-height>.banner-ken-burns,.hero-content.custom-height>.banner-cube-3d,.hero-content.custom-height>.banner-zoom-reveal,.hero-content.custom-height>.banner-split-reveal,.hero-content.custom-height>.banner-coverflow-wrapper,.hero-content.custom-height>.banner-filmstrip,.hero-content.custom-height>.banner-gallery-strip{height:100%}.hero-content.custom-height .carousel-track,.hero-content.custom-height .carousel-slide,.hero-content.custom-height .fade-slide,.hero-content.custom-height .ken-burns-slide,.hero-content.custom-height .cube-scene,.hero-content.custom-height .cube-slide,.hero-content.custom-height .zoom-reveal-slide,.hero-content.custom-height .split-base-layer,.hero-content.custom-height .thumbnail-main-image,.hero-content.custom-height .gallery-main-image,.hero-content.custom-height .gallery-main-slide,.hero-content.custom-height .filmstrip-track,.hero-content.custom-height .filmstrip-slide,.hero-content.custom-height .coverflow-track,.hero-content.custom-height .card-stack-container{height:100%}.hero-content.custom-height .hero-image img,.hero-content.custom-height .hero-image video,.hero-content.custom-height .carousel-slide img,.hero-content.custom-height .carousel-slide video,.hero-content.custom-height .fade-slide img,.hero-content.custom-height .fade-slide video,.hero-content.custom-height .ken-burns-slide img,.hero-content.custom-height .ken-burns-slide video,.hero-content.custom-height .cube-slide img,.hero-content.custom-height .cube-slide video,.hero-content.custom-height .zoom-reveal-slide img,.hero-content.custom-height .zoom-reveal-slide video,.hero-content.custom-height .split-base-layer img,.hero-content.custom-height .split-base-layer video,.hero-content.custom-height .thumbnail-main-image img,.hero-content.custom-height .thumbnail-main-image video,.hero-content.custom-height .gallery-main-slide img,.hero-content.custom-height .gallery-main-slide video,.hero-content.custom-height .filmstrip-slide img,.hero-content.custom-height .filmstrip-slide video,.hero-content.custom-height .coverflow-item img,.hero-content.custom-height .coverflow-item video,.hero-content.custom-height .card-stack-item img,.hero-content.custom-height .card-stack-item video{height:100%;object-fit:cover}.hero-image{width:100%;position:relative;margin-bottom:0}.hero-image img,.hero-image video{width:100%;height:auto;object-fit:contain;display:block}.placeholder-image{width:100%;height:1080px;background:#ffffff80;border:2px dashed var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.placeholder-image:hover{background:#ffffffb3}.placeholder-image span{color:var(--primary-color);font-size:18px}.edit-btn{position:absolute;bottom:20px;right:20px;padding:10px 20px;background:rgba(var(--primary-rgb),.9);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.edit-btn:hover{background:rgba(var(--primary-rgb),1)}.categories{position:absolute;bottom:66px;left:50%;transform:translate(-50%);z-index:10;width:100%;max-width:1200px;padding:0 20px}.category-tabs{display:flex;gap:10px;justify-content:center}.category-tab{border:none;cursor:pointer;white-space:nowrap;transition:all .3s ease;font-weight:500;box-shadow:0 2px 8px #0000001a}.category-tab:hover{background:var(--primary-color);color:#fff;animation:pulse .6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.quick-tools-section{max-width:100%;margin:80px auto;padding:0 350px}.qt-section-header{position:relative;display:flex;align-items:baseline;justify-content:space-between;padding:20px 0 0;margin-bottom:40px;overflow:hidden}.qt-header-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;color:#00000008;white-space:nowrap;pointer-events:none;letter-spacing:8px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.qt-header-content{position:relative;z-index:1}.qt-header-title{margin:0;display:flex;align-items:baseline;gap:12px}.qt-header-text-primary{font-size:32px;font-weight:800;color:#1a1a1a;letter-spacing:2px}.qt-header-text-accent{font-size:32px;font-weight:800;color:#f97316;letter-spacing:2px}.qt-header-more{position:relative;z-index:1;display:inline-flex;align-items:center;padding:10px 24px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:24px;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap}.qt-header-more:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.qt-header-dark{position:relative;background:#1a1a2e;border-radius:20px;padding:48px 40px;overflow:hidden;margin-bottom:8px}.qt-header-dark-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:100px;color:#ffffff0a;white-space:nowrap;pointer-events:none;letter-spacing:10px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.qt-header-dark-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.qt-header-dark-title{margin:0 0 24px;display:flex;align-items:baseline;gap:16px}.qt-header-dark-white{font-size:42px;font-weight:900;color:#fff;letter-spacing:4px}.qt-header-dark-orange{font-size:42px;font-weight:900;color:#f97316;letter-spacing:4px}.qt-header-dark-btn{display:inline-flex;align-items:center;padding:14px 36px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:30px;font-size:16px;font-weight:600;transition:all .3s}.qt-header-dark-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.qt-header-simple{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:20px}.qt-header-simple-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.qt-header-simple-more{color:#666;text-decoration:none;font-size:14px;transition:color .2s}.qt-header-simple-more:hover{color:#333}.qt-header-bold-left{position:relative;padding:40px 0;overflow:hidden}.qt-header-bold-left-watermark{position:absolute;top:50%;left:20%;transform:translate(-50%,-50%);font-size:120px;color:#00000008;white-space:nowrap;pointer-events:none;letter-spacing:8px;text-transform:capitalize;-webkit-user-select:none;user-select:none;font-style:italic}.qt-header-bold-left-content{position:relative;z-index:1}.qt-header-bold-left-title{margin:0 0 28px;display:flex;align-items:baseline;gap:20px}.qt-header-bold-left-primary{font-size:48px;font-weight:900;color:#1a1a1a;letter-spacing:4px}.qt-header-bold-left-accent{font-size:48px;font-weight:900;color:#f97316;letter-spacing:4px}.qt-header-bold-left-btn{display:inline-flex;align-items:center;padding:14px 40px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:30px;font-size:16px;font-weight:600;transition:all .3s}.qt-header-bold-left-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.qt-header-elegant{position:relative;padding:100px 0 10px;text-align:center;overflow:hidden}.qt-header-elegant-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:140px;white-space:nowrap;pointer-events:none;letter-spacing:6px;text-transform:capitalize;-webkit-user-select:none;user-select:none;font-style:italic;color:#0000000a}.qt-wm-effect-none{color:#0000000a;-webkit-text-fill-color:rgba(0,0,0,.04);background:none;-webkit-background-clip:unset;background-clip:unset;animation:none}.qt-wm-effect-flow{background:linear-gradient(90deg,#00000008,#00000012,#00000008,#00000014,#00000008,#0000000f 75%,#00000008);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:qt-wm-flow 6s ease-in-out infinite}@keyframes qt-wm-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.qt-wm-effect-breathe{color:#0000000a;-webkit-text-fill-color:rgba(0,0,0,.04);background:none;-webkit-background-clip:unset;background-clip:unset;animation:qt-wm-breathe 4s ease-in-out infinite}@keyframes qt-wm-breathe{0%,to{opacity:.3}50%{opacity:1}}.qt-wm-effect-shimmer{background:linear-gradient(90deg,#0000000a,#0000000a 40%,#0000001f,#0000000a 60%,#0000000a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:qt-wm-shimmer 3s ease-in-out infinite}@keyframes qt-wm-shimmer{0%{background-position:200% 50%}to{background-position:-200% 50%}}.qt-wm-effect-slide{color:#0000000a;-webkit-text-fill-color:rgba(0,0,0,.04);background:none;-webkit-background-clip:unset;background-clip:unset;animation:qt-wm-slide 12s linear infinite}@keyframes qt-wm-slide{0%{transform:translate(-50%,-50%) translate(-30px)}50%{transform:translate(-50%,-50%) translate(30px)}to{transform:translate(-50%,-50%) translate(-30px)}}.qt-wm-effect-pulse{color:#0000000a;-webkit-text-fill-color:rgba(0,0,0,.04);background:none;-webkit-background-clip:unset;background-clip:unset;animation:qt-wm-pulse 2s ease-in-out infinite}@keyframes qt-wm-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}.qt-header-elegant-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.qt-header-elegant-title{margin:0 0 28px;display:flex;align-items:baseline;gap:4px}.qt-header-elegant-accent{font-size:40px;font-weight:800;color:#f63;letter-spacing:2px}.qt-header-elegant-primary{font-size:40px;font-weight:800;color:#1a1a1a;letter-spacing:2px}.qt-header-elegant-btn{display:inline-flex;align-items:center;padding:8px 20px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:24px;font-size:13px;font-weight:600;transition:all .3s}.qt-header-elegant-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:32px}.quick-tools-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px;margin-top:32px}.tool-card{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.03);transition:all .3s cubic-bezier(.4,0,.2,1);height:100%}.tool-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0000001a;border-color:var(--primary-color)}.tool-icon-wrapper{width:56px;height:56px;background:#f0f7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;transition:transform .3s}.tool-card:hover .tool-icon-wrapper{transform:scale(1.1) rotate(5deg);background:var(--primary-color)}.tool-card:hover .tool-icon{filter:brightness(0) invert(1)}.tool-icon-img{width:28px;height:28px;object-fit:contain}.tool-card:hover .tool-icon-img{filter:brightness(0) invert(1)}.tool-icon svg{color:var(--primary-color)}.tool-card:hover .tool-icon svg{color:#fff}.tool-info{flex:1}.tool-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.tool-desc{font-size:14px;color:#666;line-height:1.6}.tool-action{width:100%;padding-top:16px;border-top:1px solid #f0f0f0;color:var(--primary-color);font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;opacity:.7;transition:opacity .3s}.tool-card:hover .tool-action{opacity:1}.tool-action:after{content:"→";transition:transform .3s}.tool-card:hover .tool-action:after{transform:translate(4px)}.qt-cover-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:32px}.qt-cover-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:9/16;cursor:pointer;transition:transform .3s}.qt-cover-card:hover{transform:translateY(-8px)}.qt-cover-img{width:100%;height:100%;object-fit:cover}.qt-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-color)}.qt-cover-icon{font-size:48px}.qt-cover-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000000b3)}.qt-cover-overlay h3{color:#fff;font-size:16px;font-weight:700;margin:0}.qt-gradient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}.qt-gradient-card{padding:32px 24px;border-radius:20px;cursor:pointer;transition:all .3s;text-align:center;position:relative;overflow:hidden}.qt-gradient-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qt-gradient-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.qt-gradient-icon{font-size:48px;position:relative;z-index:1;margin-bottom:16px}.qt-gradient-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px;position:relative;z-index:1}.qt-gradient-desc{color:#ffffffd9;font-size:13px;line-height:1.5;position:relative;z-index:1;margin:0}.qt-magazine-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:32px}.qt-magazine-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .3s;min-height:160px;display:flex;flex-direction:column;background:#f3f3f3;box-shadow:none}.qt-magazine-hero{grid-column:span 2;grid-row:span 2;min-height:320px}.qt-magazine-card:hover{transform:translateY(-6px)}.qt-magazine-img{width:100%;flex:1;object-fit:cover}.qt-magazine-placeholder{width:100%;flex:1;display:flex;align-items:center;justify-content:center}.qt-magazine-icon{font-size:56px}.qt-magazine-info{padding:10px 16px;background:#f3f3f3}.qt-magazine-info h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px;display:flex;align-items:center}.qt-magazine-arrows{display:inline-flex;align-items:center;margin-left:8px;gap:2px;transform:translateY(-2px)}.qt-arrow{opacity:.3;animation:arrowMarquee 1.5s infinite;font-weight:300;font-size:1.4em;line-height:1}.qt-arrow:nth-child(1){animation-delay:0s}.qt-arrow:nth-child(2){animation-delay:.3s}.qt-arrow:nth-child(3){animation-delay:.6s}@keyframes arrowMarquee{0%,to{opacity:.3}30%,60%{opacity:1}}.qt-magazine-hero .qt-magazine-info h3{font-size:20px}.qt-magazine-info p{color:#666;font-size:13px;margin:0}.qt-minimal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:32px}.qt-minimal-card{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;padding:24px;border-radius:16px;transition:all .3s}.qt-minimal-card:hover{background:#00000005}.qt-minimal-card:hover .qt-minimal-icon{box-shadow:0 0 30px #1a73e84d;transform:scale(1.1)}.qt-minimal-icon{width:80px;height:80px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:36px;transition:all .3s}.qt-minimal-title{font-size:16px;font-weight:600;color:#333;text-align:center}.qt-colorful-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.qt-colorful-card{padding:32px;border-radius:20px;cursor:pointer;transition:all .3s}.qt-colorful-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001a}.qt-colorful-icon{font-size:52px;margin-bottom:20px}.qt-colorful-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}.qt-colorful-underline{position:absolute;bottom:-4px;left:0;width:100%;height:3px;border-radius:2px}.qt-colorful-desc{font-size:14px;color:#666;line-height:1.7;margin:0}.qt-showcase-container{position:relative;margin-top:32px;display:flex;align-items:center;gap:16px}.qt-showcase-card{display:flex;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #0000001a;cursor:pointer;flex:1;min-height:360px;background:#fff;transition:box-shadow .3s}.qt-showcase-card:hover{box-shadow:0 16px 50px #00000026}.qt-showcase-image{flex:0 0 50%;position:relative;overflow:hidden}.qt-showcase-image img{width:100%;height:100%;object-fit:cover}.qt-showcase-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:360px}.qt-showcase-icon{font-size:64px}.qt-showcase-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.qt-showcase-title{font-size:28px;font-weight:800;color:#1a1a1a;margin:0 0 16px}.qt-showcase-desc{font-size:15px;color:#666;line-height:1.8;margin:0 0 24px}.qt-showcase-action{color:var(--primary-color);font-weight:600;font-size:15px}.qt-showcase-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;color:#333}.qt-showcase-arrow:hover{background:#f5f5f5;border-color:#bbb}.qt-showcase-dots{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;gap:8px}.qt-showcase-dot{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer;transition:background .2s}.qt-showcase-dot.active{background:var(--primary-color);width:24px;border-radius:4px}.inspiration-gallery{max-width:100%;margin:120px auto 30px;padding:0 350px}.gallery-hero-header{position:relative;padding:100px 0 10px;text-align:center;overflow:hidden;margin-bottom:20px}.gallery-hero-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:140px;white-space:nowrap;pointer-events:none;letter-spacing:6px;text-transform:capitalize;-webkit-user-select:none;user-select:none;font-style:italic;color:#0000000a}.gallery-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.gallery-hero-title{margin:0;display:flex;align-items:baseline;gap:4px}.gallery-hero-accent{font-size:40px;font-weight:800;color:#f63;letter-spacing:2px}.gallery-hero-primary{font-size:40px;font-weight:800;color:#1a1a1a;letter-spacing:2px}.gallery-hero-btn{padding:8px 20px;background:var(--primary-color);color:#fff;border-radius:20px;font-size:14px;text-decoration:none;margin-top:12px;display:inline-block;transition:all .2s}.gallery-hero-btn:hover{background:var(--primary-hover)}.gallery-header-dark{background:#1a1a2e;border-radius:16px}.gallery-header-dark .gallery-hero-watermark{color:#ffffff08!important}.search-hint{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#e8f0fe;border-radius:20px;font-size:14px;color:var(--primary-color)}.search-hint span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-search-btn{border:none;background:transparent;color:#666;cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px;transition:all .2s}.clear-search-btn:hover{background:#0000001a;color:#333}.gallery-sort-tabs{display:flex;justify-content:center;align-items:center;gap:48px;padding:20px 0 0;margin-bottom:20px;border-bottom:1px solid #e5e5e5}.gallery-sort-tab{font-size:18px;font-weight:400;color:#999;cursor:pointer;padding:8px 0 12px;border:none;background:none;position:relative;transition:all .3s ease}.gallery-sort-tab:hover{color:#333}.gallery-sort-tab.active{font-weight:700;color:#333}.gallery-sort-tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:36px;height:3px;background:var(--primary-color);border-radius:3px}.gallery-tabs-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;position:relative}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.sort-buttons{display:flex;gap:0;background:#e8e8ea;border-radius:20px;padding:4px;border:1px solid #d8d8da;box-shadow:0 2px 8px #0000000d}.sort-btn{padding:6px 18px;border:none;background:transparent;color:#8e8e93;font-size:14px;font-weight:500;cursor:pointer;border-radius:16px;transition:all .3s ease}.sort-btn.active{background:var(--primary-color);color:#fff}.sort-btn:hover:not(.active){color:#1a1a1a;background:#0000000d}.gallery-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;flex:1}.gallery-tabs-row .time-filter-container{flex-shrink:0;margin-top:2px}.gallery-tab{padding:8px 16px;border:none;background:#f5f5f7;color:#666;font-size:14px;font-weight:500;border-radius:20px;cursor:pointer;transition:all .3s ease}.gallery-tab.active{background:var(--primary-color);color:#fff}.gallery-tab:hover:not(.active){background:#e5e5e7;color:#1a1a1a}.time-filter-container{position:relative}.time-filter-btn{padding:8px 16px;border:none;background:#e8e8ea;color:#1a1a1a;font-size:14px;font-weight:500;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.time-filter-btn:hover{background:#d8d8da}.time-filter-btn .dropdown-arrow{font-size:10px;transition:transform .3s}.time-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;padding:8px;min-width:120px;border:1px solid #e0e0e2;box-shadow:0 8px 24px #0000001a;z-index:1000;display:flex;flex-direction:column;gap:4px}.time-dropdown:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;background:transparent}.time-option{padding:10px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease}.time-option:hover{background:#f5f5f7;color:#1a1a1a}.time-option.active{background:var(--primary-color);color:#fff}.recommended{max-width:100%;margin:0 auto 80px;padding:0 350px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-header h2{font-size:28px;font-weight:800;color:#1a1a1a;position:relative;letter-spacing:-.5px}.view-more{padding:8px 20px;background:#00d4aa;color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:20px;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 12px #00d4aa40}.view-more:hover{background:#00b894;transform:translateY(-2px);box-shadow:0 6px 18px #00d4aa59}.recommended-grid{display:flex;gap:10px}.recommended-column{flex:1;display:flex;flex-direction:column;gap:10px}.recommended-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background:#f5f5f7;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000014}.recommended-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.4));opacity:0;transition:opacity .3s}.recommended-card:hover{box-shadow:0 8px 24px #00000026}.recommended-card:hover:after{opacity:1}.recommended-card>img{width:100%;height:auto;display:block;transition:transform .6s ease}.recommended-card:hover img{transform:scale(1.1)}.placeholder-recommended{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f2;border:2px dashed #d1d1d6;border-radius:16px;color:#86868b;font-size:14px;padding:20px;text-align:center}.shared-work-card{position:relative}.shared-work-card .work-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);opacity:0;transition:opacity .3s;z-index:2}.shared-work-card:hover .work-overlay{opacity:1}.work-info{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.work-author{display:flex;align-items:center;font-size:13px;font-weight:500;color:#fff}.work-author-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;margin-right:8px;flex-shrink:0}.work-app{font-size:11px;color:#ffffffb3;background:#ffffff26;padding:2px 8px;border-radius:10px;width:fit-content}.work-stats{display:flex;gap:12px}.work-stats .stat-item{display:inline-flex;flex-direction:row;align-items:center;gap:3px;font-size:12px;color:#ffffffe6;white-space:nowrap}.work-stats .stat-item svg{display:block;flex-shrink:0;stroke-width:2}.work-heat-badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#141414bf,#282828a6);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:5px 12px 5px 8px;z-index:2;pointer-events:none;box-shadow:0 2px 12px #00000040,inset 0 1px #ffffff0f}.work-heat-badge .heat-icon{font-size:15px;line-height:1;filter:drop-shadow(0 0 3px rgba(255,160,50,.4))}.work-heat-badge .heat-value{color:#fffffff2;font-size:13px;font-weight:600;line-height:1;letter-spacing:.5px}.work-recommend-ribbon{position:absolute;top:0;right:0;width:72px;height:72px;z-index:3;pointer-events:none;overflow:hidden;border-radius:0 var(--card-radius, 12px) 0 0}.work-recommend-ribbon span{display:block;position:absolute;top:12px;right:-20px;width:100px;text-align:center;background:linear-gradient(135deg,#ff8c42,#f63,#e8521e);color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;padding:4px 0;line-height:1.2;transform:rotate(45deg);box-shadow:0 2px 6px #e6501e59}.shared-work-card{cursor:pointer}.load-more-indicator{text-align:center;padding:30px 0;color:#86868b;font-size:14px}.banner-carousel,.banner-dots-only,.banner-fade,.banner-thumbnail-nav,.banner-card-stack{position:relative;width:100%;overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease}.carousel-slide{min-width:100%;flex-shrink:0}.carousel-slide img,.carousel-slide video{width:100%;height:auto;object-fit:contain;display:block}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0000004d;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;z-index:10}.carousel-arrow:hover{background:#0009}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s;padding:0}.carousel-dot.active{background:#fff;transform:scale(1.3)}.banner-fade{position:relative}.fade-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:1}.fade-slide.active{position:relative;opacity:1;pointer-events:auto;z-index:2}.fade-slide img,.fade-slide video{width:100%;height:auto;object-fit:contain;display:block}.thumbnail-main-image img,.thumbnail-main-image video{width:100%;height:auto;object-fit:contain;display:block}.thumbnail-strip{display:flex;justify-content:center;gap:12px;padding:16px 20px}.thumbnail-item{cursor:pointer;text-align:center;opacity:.6;transition:opacity .3s;flex-shrink:0}.thumbnail-item.active{opacity:1;border-bottom:3px solid var(--primary-color)}.thumbnail-item img,.thumbnail-item video,.thumbnail-item-img{width:120px;height:68px;object-fit:cover;border-radius:4px}.thumbnail-label{display:block;color:#fff;font-size:12px;margin-top:6px}.banner-card-stack{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 0;min-height:500px}.card-stack-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.card-stack-item{position:absolute;transition:all .5s ease;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.card-stack-item.active{position:relative}.card-stack-item img,.card-stack-item video{width:100%;max-width:900px;height:auto;display:block}.banner-ken-burns{position:relative;width:100%;overflow:hidden}.ken-burns-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity 1.2s ease;pointer-events:none;z-index:1}.ken-burns-slide.active{position:relative;opacity:1;pointer-events:auto;z-index:2}.ken-burns-slide.active img,.ken-burns-slide.active video{animation:kenBurnsEffect 8s ease-in-out infinite alternate}@keyframes kenBurnsEffect{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(-2%,-1%)}}.ken-burns-slide img,.ken-burns-slide video{width:100%;height:auto;object-fit:cover;display:block}.banner-cube-3d{position:relative;width:100%;perspective:1000px;overflow:hidden}.cube-scene{position:relative;width:100%;transform-style:preserve-3d}.cube-slide{width:100%;backface-visibility:hidden;position:absolute;top:0;left:0;opacity:0;transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .8s ease;transform:rotateY(90deg);pointer-events:none;z-index:1}.cube-slide-active{position:relative;opacity:1;transform:rotateY(0);pointer-events:auto;z-index:2}.cube-slide-prev{opacity:0;transform:rotateY(-90deg)}.cube-slide-next{opacity:0;transform:rotateY(90deg)}.cube-slide-hidden{opacity:0;transform:rotateY(90deg);transition:none}.cube-slide img,.cube-slide video{width:100%;height:auto;display:block;object-fit:contain}.banner-zoom-reveal{position:relative;width:100%;overflow:hidden}.zoom-reveal-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:scale(.85);transition:opacity 1s ease,transform 1s ease;pointer-events:none}.zoom-reveal-slide.active{position:relative;opacity:1;transform:scale(1);pointer-events:auto}.zoom-reveal-slide.prev{opacity:0;transform:scale(1.2)}.zoom-reveal-slide img,.zoom-reveal-slide video{width:100%;height:auto;object-fit:contain;display:block}.banner-split-reveal{position:relative;width:100%;overflow:hidden}.split-base-layer{width:100%}.split-base-layer img,.split-base-layer video{width:100%;height:auto;object-fit:contain;display:block}.split-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.split-top,.split-bottom{position:absolute;width:100%;height:50%;overflow:hidden;transition:transform .8s cubic-bezier(.645,.045,.355,1)}.split-top{top:0}.split-bottom{bottom:0}.split-top img,.split-top video{width:100%;height:auto;object-fit:contain}.split-bottom img,.split-bottom video{width:100%;height:auto;object-fit:contain;position:absolute;bottom:0}.split-overlay.splitting .split-top{animation:splitTopOut .8s cubic-bezier(.645,.045,.355,1) forwards}.split-overlay.splitting .split-bottom{animation:splitBottomOut .8s cubic-bezier(.645,.045,.355,1) forwards}@keyframes splitTopOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes splitBottomOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}.banner-coverflow-wrapper{position:relative;width:100%}.banner-coverflow{position:relative;width:100%;perspective:1200px;padding:40px 0;overflow:hidden}.coverflow-track{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:400px}.coverflow-item{position:absolute;width:55%;max-width:800px;transition:all .6s cubic-bezier(.25,.46,.45,.94);cursor:pointer;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000004d}.coverflow-item-active{box-shadow:0 20px 60px #0006}.coverflow-item img,.coverflow-item video{width:100%;height:auto;display:block;object-fit:contain}.coverflow-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000059;border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:20;box-shadow:0 4px 12px #00000026}.coverflow-arrow:hover{background:#0009;transform:translateY(-50%) scale(1.08)}.coverflow-arrow-left{left:calc(22.5% + 15px)}.coverflow-arrow-right{right:calc(22.5% + 15px)}.banner-filmstrip{position:relative;width:100%;overflow:hidden}.filmstrip-track{display:flex;gap:6px;will-change:transform;align-items:center}.filmstrip-slide{flex-shrink:0;cursor:pointer;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative}.filmstrip-slide img,.filmstrip-slide video{width:100%;height:auto;object-fit:contain;display:block}.filmstrip-slide-active{box-shadow:0 8px 32px #00000040}.filmstrip-slide:not(.filmstrip-slide-active){opacity:.7}.filmstrip-slide:not(.filmstrip-slide-active):hover{opacity:.9}.filmstrip-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0000004d;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;z-index:5}.filmstrip-nav:hover{background:#0009}.filmstrip-nav-left{left:15px}.filmstrip-nav-right{right:15px}.banner-gallery-strip{position:relative;width:100%}.gallery-main-image{position:relative;width:100%;overflow:hidden}.gallery-main-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:1}.gallery-main-slide.active{position:relative;opacity:1;pointer-events:auto;z-index:2}.gallery-main-slide img,.gallery-main-slide video{width:100%;height:auto;display:block;object-fit:contain}.gallery-strip-bar{position:absolute;bottom:0;left:0;right:0;padding:40px 8px 12px;z-index:5;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;pointer-events:none}.gallery-strip-bar::-webkit-scrollbar{display:none}.gallery-strip-track{display:flex;gap:8px;padding:0 8px;min-width:max-content}.gallery-strip-item{flex-shrink:0;cursor:pointer;text-align:center;transition:all .3s ease;opacity:.65;pointer-events:auto}.gallery-strip-item:hover{opacity:.9}.gallery-strip-item.active{opacity:1}.gallery-strip-thumb{width:220px;height:124px;border-radius:6px;overflow:hidden;border:3px solid transparent;transition:border-color .3s}.gallery-strip-item.active .gallery-strip-thumb{border-color:#ffffffd9}.gallery-strip-thumb img,.gallery-strip-thumb video,.gallery-strip-thumb-media{width:100%;height:100%;object-fit:cover;display:block}.gallery-strip-label{display:block;color:#fff;font-size:13px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.qt-accordion-grid{display:flex;gap:12px;margin-top:32px;height:420px}.qt-accordion-card{position:relative;flex:1;min-width:0;border-radius:20px;overflow:hidden;cursor:pointer;transition:flex .5s cubic-bezier(.4,0,.2,1)}.qt-accordion-card.qt-accordion-expanded{flex:5}.qt-accordion-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.qt-accordion-bg img{width:100%;height:100%;object-fit:cover}.qt-accordion-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.qt-accordion-icon{font-size:48px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.qt-accordion-label{position:absolute;bottom:0;left:0;right:0;padding:24px 16px;background:linear-gradient(transparent,#000000bf);z-index:2;transition:opacity .3s}.qt-accordion-label h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-accordion-label p{color:#ffffffb3;font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qt-accordion-expanded .qt-accordion-label{opacity:0}.qt-accordion-detail{position:absolute;right:0;top:0;bottom:0;width:45%;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:40px 32px;display:flex;flex-direction:column;justify-content:center;z-index:2;opacity:0;transform:translate(20px);transition:opacity .4s .1s,transform .4s .1s}.qt-accordion-expanded .qt-accordion-detail{opacity:1;transform:translate(0)}.qt-accordion-detail-title{color:#fff;font-size:26px;font-weight:800;margin:0 0 16px;line-height:1.3}.qt-accordion-detail-desc{color:#ffffffd9;font-size:14px;line-height:1.8;margin:0 0 24px}.qt-accordion-detail-action{color:var(--primary-color);font-weight:600;font-size:15px}@media (max-width: 1400px){.inspiration-gallery,.quick-tools-section,.recommended{padding:0 80px}}@media (max-width: 1200px){.inspiration-gallery,.quick-tools-section,.recommended{padding:0 30px}.recommended-grid>.recommended-column:nth-child(n+5){display:none}.qt-magazine-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.recommended-grid>.recommended-column:nth-child(n+4){display:none}}@media (max-width: 768px){.hero-content{flex-direction:column}.hero-text h1{font-size:28px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.quick-tools-grid{grid-template-columns:repeat(2,1fr)!important}.qt-header-watermark{font-size:40px}.qt-header-text-primary,.qt-header-text-accent{font-size:24px}.qt-header-dark{padding:32px 20px}.qt-header-dark-white,.qt-header-dark-orange{font-size:28px}.qt-header-dark-watermark{font-size:50px}.qt-header-bold-left-watermark{font-size:60px}.qt-header-bold-left-primary,.qt-header-bold-left-accent{font-size:32px}.qt-header-elegant-watermark{font-size:70px}.qt-header-elegant-accent,.qt-header-elegant-primary{font-size:28px}.recommended-grid{gap:10px}.recommended-grid>.recommended-column:nth-child(n+3){display:none}.qt-cover-grid,.qt-gradient-grid,.qt-magazine-grid{grid-template-columns:repeat(2,1fr)}.qt-magazine-hero{grid-column:span 2;grid-row:span 1;min-height:200px}.qt-minimal-grid{grid-template-columns:repeat(2,1fr);gap:20px}.qt-colorful-grid{grid-template-columns:1fr}.qt-showcase-card{flex-direction:column}.qt-showcase-image{flex:0 0 200px}.qt-accordion-grid{flex-direction:column;height:auto}.qt-accordion-card{height:120px;flex:none}.qt-accordion-card.qt-accordion-expanded{height:300px;flex:none}.qt-accordion-detail{width:100%;padding:20px}}.share-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-dialog{background:#f8f9fa;border-radius:16px;width:500px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.share-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.share-dialog-header h3{margin:0;font-size:18px;color:#222}.share-dialog-header .close-btn{width:32px;height:32px;border:none;background:#e9ecef;color:#666;border-radius:8px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.share-dialog-header .close-btn:hover{background:#dee2e6;color:#333}.share-dialog-body{padding:20px;overflow-y:auto;flex:1}.share-preview{width:100%;max-height:200px;border-radius:12px;overflow:hidden;margin-bottom:20px;background:#e9ecef;display:flex;align-items:center;justify-content:center}.share-preview img{max-width:100%;max-height:200px;object-fit:contain}.share-field{margin-bottom:16px}.share-field label{display:block;font-size:14px;color:#333;font-weight:500;margin-bottom:8px}.category-grid{display:flex;flex-wrap:wrap;gap:8px}.category-btn{padding:6px 12px;border:1px solid #d0d5dd;background:#fff;color:#555;border-radius:20px;cursor:pointer;font-size:13px;transition:all .2s}.category-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-btn.active{background:var(--primary-color);border-color:transparent;color:#fff}.share-field textarea{width:100%;height:80px;padding:12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#222;font-size:14px;resize:none;transition:border-color .2s}.share-field textarea:focus{outline:none;border-color:var(--primary-color)}.share-field textarea::placeholder{color:#999}.share-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.info-tag{padding:4px 10px;background:#e9ecef;border-radius:12px;font-size:12px;color:#555}.share-error{color:#ff6b6b;font-size:14px;padding:8px 12px;background:#ff6b6b1a;border-radius:8px;margin-top:12px}.share-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e0e0e0}.share-dialog-footer button{padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel{background:transparent;border:1px solid #d0d5dd;color:#555}.btn-cancel:hover{border-color:#999;color:#222}.btn-share{background:var(--primary-color);border:none;color:#fff}.btn-share:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-share:disabled{opacity:.5;cursor:not-allowed}.share-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:12px 32px;border-radius:8px;font-size:15px;z-index:10000;animation:toastFade 2.2s ease-in-out forwards;pointer-events:none}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.pattern-page{min-height:100vh;background:#f5f6fa}.pattern-main{display:flex;min-height:calc(100vh - 60px)}.sidebar-icons{position:fixed;left:0;top:60px;width:70px;height:calc(100vh - 60px);background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding-top:10px;z-index:100;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.sidebar-icons::-webkit-scrollbar{width:3px}.sidebar-icons::-webkit-scrollbar-track{background:transparent}.sidebar-icons::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.sidebar-icons:hover::-webkit-scrollbar-thumb{background:#ccc}.sidebar-header{display:flex!important;flex-direction:column!important;align-items:center!important;padding:8px 4px!important;border-bottom:1px solid #f0f0f0;margin-bottom:4px;gap:4px}.sidebar-header .sidebar-title{font-size:11px!important;font-weight:600;color:#333;padding:0;border-bottom:none;margin-bottom:0;line-height:1.4!important;word-wrap:break-word!important;white-space:normal!important;text-align:center;width:100%}.app-manager-btn{background:none;border:none;padding:2px 8px;cursor:pointer;border-radius:4px;color:#999;display:flex;align-items:center;justify-content:center}.app-manager-btn svg{transform:rotate(90deg)}.app-manager-btn:hover{background:#f0f0f0;color:#666}.app-search-box{padding:4px 6px;position:relative}.app-search-box input{width:100%;padding:6px 8px;border:1px solid #e8e8e8;border-radius:4px;font-size:11px;outline:none;box-sizing:border-box}.app-search-box input:focus{border-color:var(--primary-color)}.app-search-box .clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0 4px}.app-manager-modal{background:#fff;border-radius:12px;width:600px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.app-manager-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.app-manager-header h3{margin:0;font-size:16px;font-weight:600}.app-manager-search{padding:12px 20px;position:relative}.app-manager-search input{width:100%;padding:10px 14px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.app-manager-search input:focus{border-color:var(--primary-color)}.app-manager-search .clear-search{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:0 4px}.app-manager-stats{padding:0 20px 8px;font-size:12px;color:#999}.app-manager-list{flex:1;overflow-y:auto;padding:4px 12px 12px;overscroll-behavior:contain;display:flex;flex-direction:column;gap:0;align-content:start}.app-manager-group{position:relative;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #f0f0f0}.app-manager-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.app-manager-item{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.app-manager-item:hover{background:#f5f7ff}.app-manager-item.active{background:#e8f0fe}.app-manager-item .app-icon{flex:0 0 20px;color:#666;display:flex;align-items:center;justify-content:center}.app-manager-item.active .app-icon{color:var(--primary-color)}.app-manager-item .app-name{flex:1;font-size:14px;color:#333;line-height:1.3;word-break:break-all}.app-manager-item.active .app-name{color:var(--primary-color);font-weight:500}.app-manager-item .current-tag{position:static;flex-shrink:0;font-size:10px;padding:2px 8px;background:var(--primary-color);color:#fff;border-radius:10px;line-height:1.4}.app-manager-subapps{display:flex;flex-wrap:wrap;gap:6px;padding:4px 12px 4px 44px}.app-manager-subapp-item{display:inline-flex;align-items:center;padding:4px 12px;border-radius:14px;font-size:12px;color:#666;background:#f5f5f5;cursor:pointer;transition:all .2s;border:1px solid transparent;line-height:1.5;white-space:nowrap}.app-manager-subapp-item:hover{background:#e8f0fe;color:var(--primary-color)}.app-manager-subapp-item.active{background:#e8f0fe;color:var(--primary-color);border-color:var(--primary-color);font-weight:500}.app-manager-subapp-item.highlighted{background:#fff8e1;border-color:#f9a825;color:#b26a00}.app-manager-subapp-item .subapp-name{display:inline-block}.no-apps{text-align:center;padding:40px 20px;color:#999;font-size:14px}.sidebar-title{font-size:11px;font-weight:600;color:#333;padding:8px 4px 12px;text-align:center;border-bottom:1px solid #f0f0f0;margin-bottom:8px;word-wrap:break-word;line-height:1.3}.sidebar-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 4px;cursor:pointer;border-left:1px solid transparent;transition:all .2s;width:100%;box-sizing:border-box}.sidebar-icon:hover{background:#f5f7fa!important}.sidebar-icon.active{background:#f5f7fa!important;border-left-color:transparent}.sidebar-icon .icon{font-size:16px}.sidebar-icon .icon.line-icon{display:flex;align-items:center;justify-content:center}.sidebar-icon .icon.line-icon svg{width:18px;height:18px;color:#666}.sidebar-icon.active .icon.line-icon svg{color:var(--primary-color)}.sidebar-icon .icon-label{font-size:10px!important;color:#333;text-align:center;max-width:65px!important;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.sidebar-icon.active .icon-label{color:var(--primary-color)}.left-panel{position:fixed;left:70px;top:60px;width:350px;height:calc(100vh - 60px);background:#fff;border-right:1px solid #eee;padding:20px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;z-index:50;box-shadow:4px 0 20px #00000014;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,clip-path .5s cubic-bezier(.4,0,.2,1);opacity:1;transform:translate(0) scale(1);transform-origin:left top;clip-path:inset(0 0 0 0)}.left-panel.collapsed{transform:translate(-250px) translateY(-50px) scale(.1);opacity:0;pointer-events:none;clip-path:inset(0 100% 100% 0)}.workflow-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;padding:6px;background:#f5f7fa;border-radius:10px}.workflow-tab{padding:8px 12px;font-size:14px;font-weight:500;color:#666;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}.workflow-tab:hover{color:var(--primary-color);background:#fff9}.workflow-tab.active{color:var(--primary-color);background:#fff;font-weight:600;box-shadow:0 2px 8px #00000014}.workflow-tabs.tabs-count-1{grid-template-columns:1fr}.panel-title{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.panel-desc{font-size:12px;color:#888;margin-bottom:16px}.info-icon{font-size:12px;color:#999;cursor:help}.upload-hint{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--primary-color);margin-bottom:8px}.cloud-icon{font-size:16px}.upload-tip{font-size:12px;color:#999;margin-bottom:12px}.upload-box{display:block;min-height:180px;border:2px dashed #ccc;border-radius:8px;background:#fafafa;cursor:pointer;margin-bottom:20px;transition:all .2s;overflow:visible;position:relative;padding:20px;box-sizing:border-box}.upload-box.single-upload .upload-placeholder{display:flex;align-items:center;justify-content:center;min-height:140px}.upload-box.single-upload.has-image{min-height:auto!important;padding:0!important;overflow:visible!important;border-style:solid!important;border-color:#e0e0e0!important}.upload-box.single-upload.has-image:hover{background:transparent!important;border-color:var(--primary-color)!important}.upload-box.single-upload.has-image .uploaded-preview-container{width:100%;display:flex;align-items:center;justify-content:center;position:relative;background:#000;border-radius:8px;overflow:hidden}.upload-box.single-upload.has-image .uploaded-preview{width:100%!important;height:auto!important;max-height:180px!important;display:block!important;object-fit:contain!important}.upload-box>.uploaded-preview-container{width:100%}.upload-box>.uploaded-preview-container>.uploaded-preview{width:100%;max-width:100%;height:auto;object-fit:contain;display:block}.upload-box:hover{border-color:var(--primary-color);background:#f5f9ff}.upload-box:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.upload-box:focus-within{border-color:var(--primary-color)}.upload-box.selected-slot{border-color:var(--primary-color);border-width:2px;background:rgba(var(--primary-rgb),.05);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.2)}.slot-creative-hint{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:10px!important;color:#f63!important;font-weight:600;white-space:nowrap;cursor:pointer}.slot-creative-hint{animation:subtlePulse 2s ease-in-out infinite}.slot-creative-hint:hover{text-decoration:none;transform:translate(-50%) scale(1.1)}.slot-creative-hint-over-image{background:#ffffffd1;border-radius:4px;padding:2px 7px;bottom:6px}@keyframes subtlePulse{0%,to{opacity:.7}50%{opacity:1}}.slot-paste-hint{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:10px!important;color:var(--primary-color)!important;white-space:nowrap}.multi-upload-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.multi-upload-container.single-slot-large{grid-template-columns:1fr}.multi-upload-container.single-slot-large .multi-upload-item{width:100%}.multi-upload-container.single-slot-large .multi-upload-box{min-height:200px!important;height:auto;padding-bottom:0!important}.multi-upload-container.single-slot-large .multi-upload-box .upload-placeholder{min-height:200px;border-radius:8px}.multi-upload-container.single-slot-large .multi-upload-box .uploaded-preview-container{min-height:200px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.multi-upload-container.single-slot-large .multi-upload-box .uploaded-preview{max-height:220px;background:transparent}.multi-upload-container.single-slot-large .image-actions-bar{grid-template-columns:repeat(4,1fr)}.multi-upload-item{position:relative;min-width:0}.multi-upload-box{position:relative;min-height:160px!important;height:160px;padding:0!important;margin:0!important;border:none!important;background:transparent!important;border-radius:8px;overflow:visible}.multi-upload-box:hover{border:none!important;background:transparent!important}.multi-upload-label{position:absolute;top:8px;left:8px;background:var(--primary-color);color:#fff;font-size:12px;font-weight:500;padding:2px 10px;border-radius:4px;z-index:10}.multi-upload-box .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:8px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.multi-upload-box .upload-placeholder:hover{background:#e8f0fe;border-color:var(--primary-color)}.multi-upload-box .upload-placeholder svg{width:32px;height:32px}.multi-upload-box .upload-placeholder span{font-size:12px;color:#999}.multi-upload-box .uploaded-preview-container{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.multi-upload-box .uploaded-preview{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.multi-upload-item .uploaded-preview-container{position:relative}.multi-upload-item .uploaded-preview-container .image-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .2s;z-index:10}.multi-upload-item:hover .uploaded-preview-container .image-actions{opacity:1}.image-actions-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(2,1fr);gap:6px;opacity:0;transition:all .2s ease;z-index:10;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px;border-radius:12px}.multi-upload-item:hover .image-actions-bar{opacity:1}.icon-action-btn{width:26px;height:26px;border-radius:50%;border:none;background:#ffffff2e;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;padding:0}.icon-action-btn:hover{background:#fff6;transform:scale(1.12)}.icon-action-btn.delete:hover{background:#ef4444d9}.icon-action-btn svg{width:14px;height:14px;pointer-events:none}.icon-action-btn[data-tooltip]{position:relative}.icon-action-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e1ef2;color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:400;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s;z-index:9999;box-shadow:0 2px 10px #0000004d}.icon-action-btn[data-tooltip]:hover:after{opacity:1;visibility:visible}.image-actions-bar{overflow:visible!important}.multi-upload-item .uploaded-preview-container{position:relative;overflow:visible}.multi-upload-item .upload-box{overflow:visible}.upload-placeholder{font-size:13px;color:#999;text-align:center}.upload-icon-center{font-size:32px;margin-bottom:8px}.upload-subtext-small{font-size:11px;color:#bbb;margin-top:4px}.uploaded-preview-container{width:100%;position:relative}.uploaded-preview{width:100%;object-fit:contain;background:transparent;display:block}.image-actions{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;gap:16px;z-index:10;opacity:0;transition:opacity .3s ease}.uploaded-preview-container:hover .image-actions{opacity:1}.image-actions .action-btn{background:#000000b3!important;color:#fff!important;border:1.5px solid var(--primary-color)!important;font-weight:400!important}.image-actions .action-btn svg{stroke:#fff!important;stroke-width:1.5!important}.image-actions .action-btn:hover{background:#282828d9!important;border-color:var(--primary-hover)!important}.image-actions .action-btn:not(:hover){background:#000000b3!important;transform:none!important;border-color:var(--primary-color)!important}.action-btn{background:#000000b3!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--primary-color)!important;border-radius:12px;padding:10px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003,0 1px 3px #00000026;min-width:56px;color:#fff!important;font-weight:400;font-size:13px;outline:none!important}.action-btn:focus{background:#000000b3!important;outline:none!important;box-shadow:0 4px 15px #0003,0 1px 3px #00000026!important;border-color:var(--primary-color)!important}.action-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #0000004d,0 0 15px #ffffff26!important;background:#282828d9!important;border-color:var(--primary-hover)!important}.action-btn:active{transform:translateY(-1px) scale(1.02)}.action-icon{font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;color:#fff}.action-btn:hover .action-icon{color:#fff}.action-icon svg{width:20px;height:20px;stroke:#fff}.action-btn:hover .action-icon svg{stroke:#fff}.action-btn span:last-child{font-size:13px;color:#fff;font-weight:400;letter-spacing:.5px}.action-btn:hover span:last-child{color:#fff}.scale-control{margin-bottom:20px}.scale-slider-container{display:flex;align-items:center;gap:12px}.scale-slider{flex:1;height:4px;border-radius:2px;background:#e0e0e0;outline:none;-webkit-appearance:none}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer}.scale-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.scale-value-box{width:80px;display:flex;align-items:center;justify-content:center;gap:2px}.scale-input{width:52px;padding:6px 4px;border:1px solid #e0e0e0;border-radius:4px;text-align:center;font-size:13px;box-sizing:border-box}.scale-input:focus{outline:none;border-color:var(--primary-color)}.section-label{font-size:14px;color:#333;font-weight:500;margin-bottom:8px}.aspect-ratio-section{margin-bottom:16px}.aspect-ratio-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-top:8px}.aspect-btn{padding:6px 8px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:6px;font-size:12px;color:#666;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aspect-btn:hover{background:#f0f0f0;border-color:#d0d0d0}.aspect-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.custom-count-input-wrap{display:flex;align-items:center}.custom-count-input{width:100%;padding:6px 8px;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:6px;font-size:12px;color:#666;text-align:center;transition:all .2s;outline:none;-moz-appearance:textfield}.custom-count-input::-webkit-outer-spin-button,.custom-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-count-input:focus{border-color:var(--primary-color);background:#fff;color:#333}.custom-count-input.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.custom-count-input.active::placeholder{color:#fff9}.keywords-wrapper{position:relative;margin-bottom:20px}.keywords-input{width:100%;min-height:120px;padding:12px 12px 40px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;line-height:1.6;resize:none;font-family:inherit;background:#fafafa}.keywords-input:focus{outline:none;border-color:var(--primary-color);background:#fff}.keywords-input::placeholder{color:#bbb}.keywords-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.keywords-left{display:flex;align-items:center;gap:8px}.char-count{font-size:12px;color:#999}.clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;transition:all .2s;border-radius:4px}.clear-btn:hover{background:#f5f5f5}.clear-icon{font-size:14px;opacity:.6}.clear-btn:hover .clear-icon{opacity:1}.regenerate-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 14px!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;font-size:13px!important;color:var(--primary-color)!important;cursor:pointer;transition:all .2s;white-space:nowrap!important;flex-shrink:0;text-shadow:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-weight:400!important;letter-spacing:0!important}.regenerate-btn:hover{background:#f5f9ff;border-color:var(--primary-color)}.regenerate-btn span{display:inline-block;line-height:1.2;vertical-align:middle}.regenerate-btn .regenerate-icon{font-size:14px;margin-right:2px}.keywords-preview{min-height:80px;max-height:100px;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;line-height:1.5;color:#333;background:#fafafa;cursor:pointer;overflow-y:auto;word-break:break-word;white-space:pre-wrap;transition:all .2s}.keywords-preview:hover{border-color:var(--primary-color);background:#f5f9ff}.keywords-preview .placeholder-text{color:#bbb}.keywords-modal-content{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.keywords-modal-body{padding:20px 24px;flex:1}.keywords-modal-input{width:100%;height:300px;padding:16px;border:1px solid #e0e0e0;border-radius:8px;resize:none;font-size:14px;line-height:1.6;font-family:inherit;background:#fafafa}.keywords-modal-input:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.keywords-modal-input::placeholder{color:#bbb}.keywords-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #eee}.modal-buttons{display:flex;gap:12px}.cancel-keywords-btn{padding:10px 32px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-keywords-btn:hover{background:#eee;border-color:#ccc}.confirm-keywords-btn{padding:10px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color) 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-keywords-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.styles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.more-link{font-size:12px;color:var(--primary-color);text-decoration:none}.more-link:hover{text-decoration:underline}.styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.style-card{cursor:pointer;transition:all .2s}.style-card:hover{transform:translateY(-2px)}.style-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:6px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)}.style-card.selected .style-image{box-shadow:0 0 0 2px var(--primary-color)}.check-mark{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--primary-color);color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1}.style-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px}.style-name{font-size:11px;color:#666;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color) 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;margin-top:auto}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.4)}.btn-icon{font-size:16px}.btn-info{font-size:12px;opacity:.8}.generate-btn.generating{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);cursor:not-allowed}.generate-btn:disabled{transform:none;box-shadow:none}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-small{width:14px;height:14px;border:2px solid rgba(var(--primary-rgb),.3);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.regenerate-btn.loading{opacity:.7;cursor:not-allowed}.regenerate-btn:disabled{cursor:not-allowed}.generate-error{background:#fff3e0;border:1px solid #ffcc80;border-radius:6px;padding:10px 12px;margin-bottom:12px;font-size:12px;color:#e65100;display:flex;align-items:center;gap:6px}.center-area{flex:1;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);padding-bottom:80px}.center-area.has-results{margin-left:50px}.top-toolbar{position:absolute;top:16px;right:24px;display:flex;gap:24px}.toolbar-item{display:flex;align-items:center;gap:6px;text-decoration:none;color:#333;font-size:14px;transition:color .2s}.toolbar-item:hover{color:var(--primary-color)}.toolbar-item.api-switch{padding:6px 12px;background:#e8f4fd;border:1px solid var(--primary-color);border-radius:16px;color:var(--primary-color);font-size:12px}.toolbar-item.api-switch:hover{background:#d4e8fb}.toolbar-icon{font-size:16px}.results-container{flex:1;display:flex;flex-direction:column;padding:24px 40px}.pattern-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:calc(100vh - 200px);min-height:400px;background:#ffffff80;border:1px dashed #ddd;border-radius:8px;margin:auto;gap:16px;opacity:.5}.pattern-page .empty-icon{font-size:28px;opacity:.6}.pattern-page .empty-text{font-size:12px;color:#bbb}.pattern-page .empty-state.logo-breath{border:none;background:transparent;width:auto;max-width:900px;min-width:800px;opacity:1;position:relative;overflow:visible}@keyframes logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.pattern-page .empty-state.logo-breath .empty-logo{width:800px;max-width:100%;height:auto;position:relative;z-index:1;animation:logo-breathe 3s ease-in-out infinite}@keyframes float-up{0%{transform:translateY(100px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100px);opacity:0}}@keyframes text-pulse{0%,to{opacity:.3}50%{opacity:1}}.pattern-page .empty-state.particle-glow{border:none;background:transparent;position:relative;overflow:hidden;width:400px;opacity:1}.pattern-page .empty-state.particle-glow:before,.pattern-page .empty-state.particle-glow:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;box-shadow:30px 180px 0 4px #4096ff80,80px 200px 0 3px #4096ff66,150px 160px 0 5px #4096ff4d,220px 190px 0 3px #4096ff99,280px 170px 0 4px #4096ff59,350px 195px 0 3px #4096ff73;animation:float-up 7s ease-in-out infinite}.pattern-page .empty-state.particle-glow:after{box-shadow:50px 185px 0 3px #4096ff73,120px 175px 0 4px #4096ff59,180px 200px 0 3px #4096ff80,250px 165px 0 5px #4096ff66,320px 188px 0 3px #4096ff8c;animation-delay:-3.5s}.pattern-page .empty-state.particle-glow .empty-text{font-size:18px;color:#666;letter-spacing:6px;animation:text-pulse 3s ease-in-out infinite;position:relative;z-index:1}@keyframes line-expand{0%{width:0}to{width:80px}}.pattern-page .empty-state.minimal-slogan{border:none;background:transparent;opacity:1;animation:fadeIn 1s ease}.pattern-page .empty-state.minimal-slogan .empty-slogan{font-size:28px;font-weight:200;color:#333;letter-spacing:8px}.pattern-page .empty-state.minimal-slogan .empty-line{width:0;height:1px;background:#999;margin-top:16px;animation:line-expand 1.5s ease-out forwards}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.pattern-page .empty-state.gradient-wave{border:none;opacity:1;background:radial-gradient(circle at center,rgba(64,150,255,.08) 0%,transparent 70%);position:relative}.pattern-page .empty-state.gradient-wave:before,.pattern-page .empty-state.gradient-wave:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;border:2px solid rgba(64,150,255,.3);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-ring 2.5s ease-out infinite}.pattern-page .empty-state.gradient-wave:after{animation-delay:1.25s}.pattern-page .empty-state.gradient-wave .empty-text{font-size:16px;color:#888;letter-spacing:4px;margin-top:32px;position:relative;z-index:1;animation:text-breathe 2.5s ease-in-out infinite}.result-group{margin-bottom:32px;margin-left:auto;margin-right:auto;width:100%;max-width:1000px}.result-desc{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;padding:8px 0}.desc-thumbnails{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;max-width:300px;position:relative}.desc-thumbnail{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.desc-thumbnail img{width:100%;height:100%;object-fit:cover}.desc-thumbnail.more-thumbnails{background:#f0f0f0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#666;font-weight:500}.desc-thumbnail.more-thumbnails:hover{background:#e0e0e0}.hidden-thumbnails{display:none;position:absolute;top:100%;left:0;background:#fff;padding:8px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;gap:6px;flex-wrap:wrap;margin-top:8px}.desc-thumbnail.more-thumbnails.expanded+.hidden-thumbnails{display:flex}.desc-content{flex:1;min-width:0}.desc-icon{font-size:20px}.desc-text{flex:1;font-size:16px;font-weight:600;color:#222;line-height:1.5;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;word-break:break-all;cursor:pointer;transition:all .2s}.desc-text:hover{color:var(--primary-color)}.desc-text.expanded{-webkit-line-clamp:unset;overflow:visible}.desc-text-wrapper{position:relative;margin-bottom:4px}.copy-prompt-overlay{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:4px 12px;background:#000000bf;color:#fff;font-size:12px;border-radius:4px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap;z-index:1}.desc-text-wrapper:hover .copy-prompt-overlay{opacity:1;pointer-events:auto}.copy-prompt-overlay:hover{background:#0064ffbf}.copy-prompt-overlay.copied{opacity:1;pointer-events:auto;background:#ff6633d9}.desc-params{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;flex-shrink:0}.param-divider{color:#ccc}.task-short-id{color:#aaa;transition:color .15s}.task-short-id:hover{color:#1890ff}.generating-status{margin-left:12px;padding:2px 10px;background:linear-gradient(90deg,#7c3aed,#a855f7);color:#fff;border-radius:12px;font-size:12px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.generating-group{border-left:none}.result-card.generating-placeholder{position:relative;overflow:hidden;background:linear-gradient(180deg,#a8b4d4,#d4a8c4,#c4a8d4)}.result-card.generating-placeholder.ratio-landscape{aspect-ratio:16 / 9}.result-card.generating-placeholder.ratio-square{aspect-ratio:1 / 1}.result-card.generating-placeholder.ratio-portrait{aspect-ratio:3 / 4}.result-card.generating-placeholder.ratio-tall{aspect-ratio:9 / 16}.result-card.generating-placeholder .placeholder-bg{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0}.generating-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:14px;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.gen-status-circle{display:flex;flex-direction:column;align-items:center;gap:8px}.gen-status-circle-icon{display:flex;align-items:center;justify-content:center}.gen-status-label{font-size:13px;font-weight:600;color:#ffffffe6;letter-spacing:1px;text-shadow:none}.gen-status-label.timeout{color:#ffa940e6}.generating-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-ripple{position:relative;width:320px;height:320px}.ripple-ring{position:absolute;top:50%;left:50%;width:45px;height:45px;margin-top:-22.5px;margin-left:-22.5px;border:2px solid rgba(255,255,255,.6);border-radius:50%;animation:pulse-expand 2s ease-out infinite;opacity:0}.ripple-ring:nth-child(2){animation-delay:.6s}.ripple-ring:nth-child(3){animation-delay:1.2s}.ripple-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffe6;font-weight:700;font-size:14px;white-space:nowrap;z-index:1;animation:text-breathe 2s ease-in-out infinite}@keyframes text-breathe{0%,to{opacity:.3}50%{opacity:1}}@keyframes pulse-expand{0%{width:45px;height:45px;margin-top:-22.5px;margin-left:-22.5px;opacity:.8}to{width:320px;height:320px;margin-top:-160px;margin-left:-160px;opacity:0}}.result-card.generating-placeholder.queued-placeholder{background:linear-gradient(135deg,#374151,#1e3a5f,#2d3748)}.queue-status-container{display:flex;flex-direction:column;align-items:center;gap:12px}.queue-dots{display:flex;gap:8px;align-items:center}.queue-dot{width:8px;height:8px;border-radius:50%;background:#94bbe9cc;animation:queue-bounce 1.4s ease-in-out infinite}.queue-dot:nth-child(2){animation-delay:.2s}.queue-dot:nth-child(3){animation-delay:.4s}@keyframes queue-bounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.3);opacity:1}}.queue-position-text{font-size:14px;font-weight:600;color:#94bbe9f2;letter-spacing:.5px;white-space:nowrap;animation:text-breathe 2s ease-in-out infinite}.queue-cancel-btn{margin-top:12px;padding:6px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:16px;color:#fffc;font-size:12px;cursor:pointer;transition:all .2s ease}.queue-cancel-btn:hover{background:#ff4d4f4d;border-color:#ff4d4f80;color:#fff}.queue-cancel-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a}.queue-cancel-btn:disabled:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffff80}.queue-cancel-btn:active:not(:disabled){transform:scale(.95)}.result-group.queued-group .result-images{background:#e8edf5}.result-images{display:flex;gap:12px;padding:8px;background:#f0f0f0;border-radius:12px 12px 0 0;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;min-height:100px;width:100%;box-sizing:border-box}.result-images.count-1{justify-content:center}.result-images.count-1 .result-card{flex:0 1 auto;max-width:100%}.result-images.count-1 .result-card.generating-placeholder{flex:0 0 auto;width:200px;min-height:260px}.result-images.count-1 .result-card.generating-placeholder.ratio-landscape{width:300px;min-height:170px}.result-images.count-1 .result-card.generating-placeholder.ratio-square{width:220px;min-height:220px}.result-images.count-1 .result-card.generating-placeholder.ratio-tall{width:180px;min-height:320px}.result-images.count-1 .result-card:not(.generating-placeholder) img{max-width:100%;max-height:350px;width:auto;height:auto;object-fit:contain}.result-images.count-2{justify-content:center}.result-images.count-2 .result-card{flex:0 0 calc(25% - 9px)}.result-images.count-2 .result-card:not(.generating-placeholder) img{width:100%;height:auto}.result-images.count-3{justify-content:center}.result-images.count-3 .result-card{flex:0 0 calc(25% - 9px)}.result-images.count-3 .result-card:not(.generating-placeholder) img{width:100%;height:auto}.result-images.count-4 .result-card{flex:0 0 calc(25% - 9px)}.result-images.count-4 .result-card:not(.generating-placeholder) img{width:100%;height:auto}.result-images.count-many .result-card{flex:0 0 calc(20% - 10px)}.result-images.count-many .result-card:not(.generating-placeholder) img{width:100%;height:auto}.result-card{position:relative;flex:0 0 calc(25% - 9px);border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000014}.result-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.result-card img{width:100%;height:auto;display:block;object-fit:contain}.card-toolbar{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:4px;background:#000000b3;border-radius:8px;padding:8px 6px;opacity:0;transition:opacity .2s}.result-card:hover .card-toolbar{opacity:1}.toolbar-btn{width:26px;height:26px;border:none;background:transparent;color:#fff;font-size:14px;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background .2s}.toolbar-btn:hover{background:#ffffff26}.result-actions{display:flex;align-items:center;justify-content:center;gap:0;background:#2a2a2a;border-radius:0 0 12px 12px;overflow:hidden}.result-actions .action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;flex:1;padding:6px 12px!important;background:transparent!important;border:none!important;border-right:1px solid #404040!important;border-radius:0!important;font-size:12px;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:none!important;min-width:auto!important;transform:none!important}.result-actions .action-btn:last-child{border-right:none!important}.result-actions .action-btn .btn-icon{font-size:12px;flex-shrink:0;display:contents}.result-actions .action-btn .btn-icon svg,.result-actions .action-btn svg{display:block;flex-shrink:0}.result-actions .action-btn span:last-child{font-size:12px;color:#fff;font-weight:400!important}.result-actions .action-btn:hover{background:#404040!important;transform:none!important;box-shadow:none!important}.result-actions .action-btn:hover .btn-icon,.result-actions .action-btn:hover span:last-child{color:var(--primary-color)!important}.result-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.process-title{font-size:22px;font-weight:600;color:#333;margin-bottom:50px}.process-steps{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.step{display:flex;flex-direction:column;align-items:center;gap:16px}.step-image{width:160px;height:160px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;background:#fff}.step-preview{width:100%;height:100%;position:relative}.step-preview.flower-pattern{background:linear-gradient(135deg,#fff8e1,#ffecb3);background-image:radial-gradient(circle at 20% 30%,#ffb74d33 10%,transparent 10%),radial-gradient(circle at 60% 20%,#ff980033 8%,transparent 8%),radial-gradient(circle at 80% 60%,#ffb74d33 12%,transparent 12%),radial-gradient(circle at 40% 70%,#ff980033 6%,transparent 6%)}.step-preview.bird-pattern{background:linear-gradient(135deg,#263238,#37474f);background-image:radial-gradient(ellipse at 50% 50%,#4db6ac22 30%,transparent 30%)}.step-preview.result-pattern{background:linear-gradient(135deg,#fce4ec,#f8bbd0);background-image:radial-gradient(circle at 30% 40%,#f4849933 15%,transparent 15%),radial-gradient(circle at 70% 30%,#ce93d833 10%,transparent 10%),radial-gradient(circle at 50% 70%,#f4849933 12%,transparent 12%)}.tag-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;font-size:11px;padding:4px 10px;border-radius:4px;white-space:nowrap}.sparkle-icon{position:absolute;top:8px;right:8px;font-size:20px}.step-label{font-size:13px;color:#666;text-align:center}.arrow{font-size:24px;color:#ccc}.result-header{width:100%;margin-bottom:24px}.result-title{display:flex;align-items:center;gap:10px;font-size:16px;color:#333}.result-icon{font-size:20px}.result-status{font-size:13px;color:var(--primary-color);margin-left:8px}.result-time{font-size:12px;color:#999;margin-left:auto}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:900px}.card-actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translate(10px);transition:all .3s ease}.result-card:hover .card-actions{opacity:1;transform:translate(0)}.card-actions .action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:#fffffff2;border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.card-actions .action-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.action-icon{font-size:16px;color:#333;line-height:1}.action-label{font-size:10px;color:#666;margin-top:2px}.result-status.generating{color:var(--primary-color);font-weight:500}.loading-card{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);min-height:120px}.loading-card:hover{transform:none;box-shadow:0 2px 8px #00000014}.loading-bars{display:flex;align-items:center;gap:4px;height:40px}.loading-bars .bar{width:4px;height:20px;background:#b0b0b0;border-radius:2px;animation:loadingBars 1s ease-in-out infinite}.loading-bars .bar:nth-child(1){animation-delay:0s}.loading-bars .bar:nth-child(2){animation-delay:.1s}.loading-bars .bar:nth-child(3){animation-delay:.2s}.loading-bars .bar:nth-child(4){animation-delay:.3s}.loading-bars .bar:nth-child(5){animation-delay:.4s}@keyframes loadingBars{0%,to{height:20px;opacity:.5}50%{height:35px;opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 8px 32px #0003}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h3{font-size:16px;font-weight:600;color:#333;margin:0}.modal-search{padding:16px 24px;border-bottom:1px solid #eee;position:relative}.search-input{width:100%;padding:10px 36px 10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;transition:all .2s}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.search-input::placeholder{color:#bbb}.clear-search-btn{position:absolute;right:32px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:#f0f0f0;border-radius:50%;color:#666;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-search-btn:hover{background:#e0e0e0;color:#333}.close-btn{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:6px;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.close-btn:hover{background:#e0e0e0;color:#333}.modal-body{padding:24px;overflow-y:auto}.all-styles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.all-styles-grid .style-card{cursor:pointer;transition:all .2s}.all-styles-grid .style-card:hover{transform:translateY(-2px)}.all-styles-grid .style-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:8px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)}.all-styles-grid .style-card.selected .style-image{box-shadow:0 0 0 2px var(--primary-color)}.all-styles-grid .style-name{font-size:12px;color:#666;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-results{text-align:center;padding:60px 20px;color:#999}.no-results p{font-size:14px;margin:0}.image-modal-content{position:relative;display:inline-flex;align-items:center;max-width:90vw;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.modal-image{max-width:90vw;max-height:90vh;display:block}.image-preview-wrapper{position:relative;display:inline-block;line-height:0}.modal-close{position:absolute;top:8px;right:8px;z-index:10;width:36px!important;height:36px!important;background:#000000a6!important;color:#fff!important;border-radius:50%!important;font-size:22px!important;font-weight:300;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close:hover{background:#000000d9!important;transform:scale(1.05)}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background:#00000080;color:#fff;border:none;border-radius:50%;font-size:32px;line-height:1;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .15s;-webkit-user-select:none;user-select:none}.modal-nav-btn:hover{background:#000c;transform:translateY(-50%)}.modal-nav-prev{left:12px}.modal-nav-next{right:12px}.modal-image-counter{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#0000008c;color:#fff;font-size:13px;padding:4px 14px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none;z-index:10}.crop-modal-content{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column}.crop-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.crop-header h3{font-size:16px;font-weight:600;color:#333;margin:0}.crop-body{flex:1;padding:24px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#f5f5f5}.crop-preview{position:relative;max-width:100%;max-height:100%}.crop-image{max-width:100%;max-height:60vh;display:block}.crop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent}.crop-box{position:absolute;border:2px dashed white;box-shadow:0 0 0 9999px #00000080;-webkit-user-select:none;user-select:none}.crop-box:before,.crop-box:after{content:"";position:absolute;background:#fff}.crop-box:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.crop-box:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.resize-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--primary-color);border-radius:50%;z-index:10}.resize-tl{top:-6px;left:-6px;cursor:nwse-resize}.resize-tr{top:-6px;right:-6px;cursor:nesw-resize}.resize-bl{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-br{bottom:-6px;right:-6px;cursor:nwse-resize}.crop-footer{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:center}.confirm-crop-btn{padding:12px 48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.confirm-crop-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb),.4)}@media (max-width: 1200px){.process-steps{flex-direction:column;gap:20px}.arrow{transform:rotate(90deg)}.all-styles-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.pattern-main{flex-direction:column}.sidebar-icons{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid #eee;padding:0}.sidebar-icon{flex:1;border-left:none;border-bottom:3px solid transparent}.sidebar-icon.active{border-left-color:transparent;border-bottom-color:var(--primary-color)}.left-panel{width:100%;border-right:none;border-bottom:1px solid #eee}.all-styles-grid{grid-template-columns:repeat(2,1fr)}.modal-content{width:95%;max-height:90vh}}.text-to-image-input{margin-bottom:20px}.keywords-textarea{width:100%;min-height:120px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s;box-sizing:border-box}.keywords-textarea:focus{border-color:var(--primary-color)}.keywords-textarea::placeholder{color:#999}.textarea-footer{display:flex;justify-content:flex-end;margin-top:8px}.textarea-footer .char-count{font-size:12px;color:#999}.section-label .help-icon{font-size:12px;color:#999;margin-left:4px;cursor:help}.reference-upload-box{display:flex;align-items:center;justify-content:center;min-height:140px;border:2px dashed #e0e0e0;border-radius:12px;background:#fafafa;cursor:pointer;margin-bottom:20px;transition:all .2s;position:relative}.reference-upload-box:hover{border-color:var(--primary-color);background:#f5f9ff}.reference-placeholder{text-align:center;padding:20px}.upload-icon-large{font-size:36px;margin-bottom:8px}.upload-text{font-size:14px;color:#333;margin-bottom:4px}.upload-subtext{font-size:12px;color:#999}.reference-preview-container{width:100%;height:140px;position:relative}.reference-preview{width:100%;height:100%;object-fit:contain;border-radius:10px}.remove-reference-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-reference-btn:hover{background:#000000b3}.aspect-ratio-selector{display:flex;gap:12px;margin-bottom:20px}.ratio-btn{flex:1;padding:10px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.ratio-btn:hover{border-color:var(--primary-color)}.ratio-btn.active{border-color:var(--primary-color);background:#f0f5ff;color:var(--primary-color);font-weight:500}.floating-toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center}.pattern-main:has(.center-area.has-results)~.floating-toolbar{left:calc(50% + 25px)}.toolbar-error-tip{margin-bottom:8px;padding:6px 16px;background:#ff9800e6;color:#fff;font-size:12px;border-radius:20px;white-space:nowrap;cursor:pointer;animation:tipFadeIn .3s ease;box-shadow:0 2px 8px #ff98004d}.toolbar-error-tip.moderation-warning{background:#ff9800f2;box-shadow:0 2px 12px #ff980066}.toolbar-error-tip.moderation-ban{background:#dc3545f2;box-shadow:0 2px 12px #dc354566}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.floating-toolbar-content{display:flex;flex-direction:column;align-items:center;gap:0;min-width:520px;padding:10px 50px 8px;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:40px;box-shadow:0 4px 24px #0000004d;border:2px solid rgba(100,150,255,.6)}.toolbar-main{display:flex;align-items:center;justify-content:center;gap:32px;width:100%;padding-bottom:8px;border-bottom:1px solid rgba(100,150,255,.3)}.neon-arrows{display:flex;align-items:center;gap:2px}.neon-arrows .arrow{font-size:24px;font-weight:700;color:var(--primary-color);opacity:.3;text-shadow:0 0 8px rgba(var(--primary-rgb),.5);transition:color .3s ease}.toolbar-main.is-generating .neon-arrows .arrow{color:var(--primary-color);text-shadow:0 0 8px rgba(var(--primary-rgb),.5)}.neon-arrows.left .arrow:nth-child(1){animation:neonPulse 1.5s ease-in-out infinite;animation-delay:0s}.neon-arrows.left .arrow:nth-child(2){animation:neonPulse 1.5s ease-in-out infinite;animation-delay:.2s}.neon-arrows.left .arrow:nth-child(3){animation:neonPulse 1.5s ease-in-out infinite;animation-delay:.4s}.neon-arrows.right .arrow:nth-child(1){animation:neonPulse 1.5s ease-in-out infinite;animation-delay:.4s}.neon-arrows.right .arrow:nth-child(2){animation:neonPulse 1.5s ease-in-out infinite;animation-delay:.2s}.neon-arrows.right .arrow:nth-child(3){animation:neonPulse 1.5s ease-in-out infinite;animation-delay:0s}@keyframes neonPulse{0%,to{opacity:.2;text-shadow:0 0 4px rgba(var(--primary-rgb),.3);transform:scale(1)}50%{opacity:1;text-shadow:0 0 12px rgba(var(--primary-rgb),.8),0 0 24px rgba(var(--primary-rgb),.5),0 0 36px rgba(var(--primary-rgb),.3);transform:scale(1.1)}}@keyframes neonPulseGreen{0%,to{opacity:.2;text-shadow:0 0 4px rgba(var(--primary-rgb),.3);transform:scale(1)}50%{opacity:1;text-shadow:0 0 12px rgba(var(--primary-rgb),.8),0 0 24px rgba(var(--primary-rgb),.5),0 0 36px rgba(var(--primary-rgb),.3);transform:scale(1.1)}}.toolbar-main.is-generating .neon-arrows.left .arrow:nth-child(1){animation:neonPulseGreen 1.5s ease-in-out infinite;animation-delay:0s}.toolbar-main.is-generating .neon-arrows.left .arrow:nth-child(2){animation:neonPulseGreen 1.5s ease-in-out infinite;animation-delay:.2s}.toolbar-main.is-generating .neon-arrows.left .arrow:nth-child(3){animation:neonPulseGreen 1.5s ease-in-out infinite;animation-delay:.4s}.toolbar-main.is-generating .neon-arrows.right .arrow:nth-child(1){animation:neonPulseGreen 1.5s ease-in-out infinite;animation-delay:.4s}.toolbar-main.is-generating .neon-arrows.right .arrow:nth-child(2){animation:neonPulseGreen 1.5s ease-in-out infinite;animation-delay:.2s}.toolbar-main.is-generating .neon-arrows.right .arrow:nth-child(3){animation:neonPulseGreen 1.5s ease-in-out infinite;animation-delay:0s}.toolbar-shortcuts{display:flex;align-items:center;justify-content:space-around;width:100%;padding-top:8px;position:relative}.filter-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:16px;color:#fffc;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover,.filter-btn.active{background:#6496ff33;border-color:#6496ff99;color:#fff}.filter-btn .dropdown-arrow{font-size:10px;opacity:.6}.filter-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;min-width:140px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:200}.filter-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .15s ease}.filter-option.selected{color:var(--primary-color);font-weight:500}.filter-option .check-icon{color:var(--primary-color);font-weight:700}.back-to-top-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 14px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:16px;cursor:pointer;transition:all .2s;font-size:11px;color:#fffc;gap:0;line-height:1.2}.back-to-top-btn span:first-child{font-size:14px;font-weight:700}.back-to-top-btn:hover{background:#6496ff33;border-color:#6496ff99;color:#fff}.shortcut-item{display:flex;align-items:center;justify-content:center;flex:1;padding:6px 24px;text-decoration:none;color:#fffc;font-size:13px;font-weight:500;border-radius:16px;transition:all .2s ease}.shortcut-item:hover{background:#6496ff33;color:#fff}.floating-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color) 100%);border:none;border-radius:24px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(var(--primary-rgb),.35)}.floating-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--primary-rgb),.45)}.floating-generate-btn:active{transform:translateY(0)}.floating-generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.floating-generate-btn.generating{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3)}.floating-generate-btn.queue-full{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 16px #0003;opacity:.85;cursor:not-allowed}.floating-generate-btn.queue-full:hover{transform:none;box-shadow:0 4px 16px #0003}.floating-generate-btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.floating-generate-btn .btn-points-cost{display:flex;align-items:center;gap:3px;font-size:13px;font-weight:500;opacity:.75;padding-left:8px;margin-left:4px;border-left:1px solid rgba(255,255,255,.3)}.floating-generate-btn .btn-points-cost .coin-icon{flex-shrink:0}.workflow-extra-params{margin-top:20px;padding-top:16px;border-top:1px solid #eee}.param-field{margin-bottom:16px}.param-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.param-label{font-size:13px;color:#333;font-weight:500}.param-value{font-size:12px;color:#666;background:#f5f5f5;padding:2px 8px;border-radius:4px;font-family:monospace}.param-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;outline:none;cursor:pointer}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#4a7bff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #4a7bff4d;transition:transform .2s}.param-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.param-slider::-moz-range-thumb{width:18px;height:18px;background:#4a7bff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #4a7bff4d}.color-picker-row{display:flex;align-items:center}.param-color{width:100%;height:36px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;padding:2px}.param-color::-webkit-color-swatch-wrapper{padding:0}.param-color::-webkit-color-swatch{border-radius:4px;border:none}.param-switch-field{display:flex;justify-content:space-between;align-items:center}.param-switch{width:50px;height:26px;background:#ccc;border-radius:13px;position:relative;cursor:pointer;transition:background .3s}.param-switch.active{background:#4a7bff}.param-switch .switch-thumb{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s;box-shadow:0 2px 4px #0003}.param-switch.active .switch-thumb{transform:translate(24px)}.light-control-section{margin-top:20px;padding:16px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;border:1px solid #2d3a5a}.light-control-section .section-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:6px}.light-param-group{margin-bottom:16px}.light-param-group:last-child{margin-bottom:0}.light-param-group .param-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.light-param-group .param-label{font-size:12px;color:#a0a0b0}.light-param-group .param-value{font-size:12px;color:#4a9fff;font-weight:500}.light-color-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.color-preset-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:8px;background:#ffffff0d;border:2px solid transparent;cursor:pointer;transition:all .2s;min-width:48px}.color-preset-item:hover{background:#ffffff1a;transform:scale(1.05)}.color-preset-item.active{border-color:#4a9fff;background:#4a9fff26}.preset-color-dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d}.preset-name{font-size:14px}.selected-color-info{font-size:11px;color:#6a6a7a;text-align:center;margin-top:4px}.light-control-section .param-slider{width:100%;height:6px;background:#2d3a5a;border-radius:3px;outline:none;-webkit-appearance:none}.light-control-section .param-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#4a9fff,#357ae8);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #4a9fff66;transition:transform .2s}.light-control-section .param-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.light-control-section .param-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#4a9fff,#357ae8);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #4a9fff66}.section-label-with-btn{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.creative-ref-btn{display:inline-flex;align-items:center;gap:2px;padding:4px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;color:#f63;cursor:pointer;transition:color .2s}.creative-ref-btn:hover{text-decoration:none}.creative-ref-btn:hover span{display:inline-block;transform:scale(1.1)}.creative-ref-btn .btn-icon{font-size:12px}.creative-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.creative-panel{width:1200px;max-width:90%;height:80vh;max-height:1000px;background:#fff;border-radius:12px;box-shadow:0 8px 40px #0003;display:flex;flex-direction:column;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.creative-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.creative-panel-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.creative-panel-header .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;color:#666;cursor:pointer;transition:all .2s}.creative-panel-header .close-btn:hover{background:#e0e0e0;color:#333}.creative-panel-body{flex:1;overflow-y:auto;padding:16px}.creative-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:80px;color:#999}.creative-empty .empty-icon{font-size:36px;margin-bottom:8px}.creative-empty p{margin:0;font-size:13px}.creative-list{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:20px}.creative-card{display:flex;flex-direction:column;gap:0;padding:8px 8px 0;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.creative-card:hover{background:#ebebeb;border-color:#4285f4;box-shadow:0 0 6px #4285f440,0 0 14px #4285f41a}.creative-card-image{width:100%;flex-shrink:0;border-radius:8px;overflow:hidden;background:#e8e8e8}.creative-card-image img{width:100%;height:auto;display:block}.creative-placeholder{font-size:32px}.creative-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:10px 4px}.creative-card-title{margin:0;font-size:13px;font-weight:600;color:#333;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creative-card-desc{margin:0;font-size:12px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reverse-prompt-btn{color:#333;transition:color .2s}.reverse-prompt-btn:hover{color:#4285f4}.image-creative-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.image-creative-btn{padding:6px 14px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .2s}.image-creative-btn:hover{border-color:#6366f1;color:#6366f1;background:#f5f3ff}.image-creative-btn:disabled{opacity:.6;cursor:not-allowed}.image-creative-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.image-creative-panel{width:1200px;max-width:90%;height:80vh;max-height:1000px;background:#fff;border-radius:12px;box-shadow:0 8px 40px #0003;display:flex;flex-direction:column;animation:scaleIn .3s ease}.image-creative-panel-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.image-creative-panel-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.image-creative-panel-header .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;color:#666;cursor:pointer;transition:all .2s}.image-creative-panel-header .close-btn:hover{background:#e0e0e0;color:#333}.image-creative-tabs{display:flex;padding:0 12px;border-bottom:1px solid #eee;overflow-x:auto;gap:2px;flex-shrink:0}.image-creative-tab{padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent;font-size:13px;white-space:nowrap;font-size:14px;color:#6b7280;transition:all .2s}.image-creative-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:500}.image-creative-body{flex:1;overflow:hidden;padding:8px 20px 16px;display:flex;flex-direction:column;min-height:0}.image-creative-body:has(.my-library-content){padding:0}.image-creative-body:not(:has(.my-library-content)){overflow-y:auto}.template-detail-back-bar{position:sticky;top:-16px;z-index:10;background:#fff;margin-bottom:12px;margin-top:-16px;padding:20px 0 4px}.image-creative-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:20px}.image-creative-card{position:relative;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px 8px 0;display:flex;flex-direction:column}.image-creative-card:hover{background:#ebebeb;border-color:#4285f4;box-shadow:0 0 6px #4285f440,0 0 14px #4285f41a}.image-creative-card>img{width:100%;flex:1;min-height:0;object-fit:contain;display:block;border-radius:8px}.image-creative-multi-grid{display:flex;flex-direction:column;gap:3px;border-radius:8px;overflow:hidden;position:relative;flex:1;min-height:0}.image-creative-multi-grid .multi-grid-main{overflow:hidden;border-radius:6px;background:#f0f0f0}.image-creative-multi-grid .multi-grid-main img{width:100%;height:auto;display:block}.image-creative-multi-grid .multi-grid-side{display:flex;flex-direction:row;gap:3px}.image-creative-multi-grid .multi-grid-side img{flex:1;min-width:0;height:60px;object-fit:contain;display:block;border-radius:6px;background:#eee}.image-creative-multi-more{position:absolute;bottom:3px;right:3px;background:#0000008c;color:#fff;font-size:12px;padding:2px 8px;border-radius:4px}.image-creative-card-title{padding:10px 4px;font-size:13px;font-weight:500;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto;flex-shrink:0}.my-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.my-image-item{border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.my-image-item:hover{border-color:#6366f1}.my-image-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.my-desc-card{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;margin-bottom:8px}.my-desc-card:hover{border-color:var(--primary-color);background:#f8f9ff}.my-desc-card-title{font-size:13px;font-weight:600;color:#333;margin-bottom:4px}.my-desc-card-content{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.my-desc-card .delete-btn{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999;opacity:0;transition:opacity .2s}.my-desc-card:hover .delete-btn{opacity:1}.my-desc-card .delete-btn:hover{background:#ff000026;color:#e53e3e}.my-library-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.folder-bar{padding:8px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.folder-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.folder-bar-title{font-size:12px;color:#999;font-weight:500}.folder-manage-btn{font-size:12px;color:#6366f1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.folder-manage-btn:hover{background:#f0f0ff}.folder-list{display:flex;flex-wrap:wrap;gap:6px;max-height:80px;overflow-y:auto}.folder-item{padding:3px 10px;border:1px solid #e5e7eb;border-radius:14px;font-size:12px;color:#555;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:4px}.folder-item:hover{border-color:#6366f1;color:#6366f1}.folder-item.active{background:#6366f1;border-color:#6366f1;color:#fff}.folder-count{font-size:11px;opacity:.75}.folder-create-btn{padding:3px 10px;border:1px dashed #d1d5db;border-radius:14px;font-size:12px;color:#6366f1;cursor:pointer;white-space:nowrap;transition:all .2s}.folder-create-btn:hover{border-color:#6366f1;background:#f5f3ff}.upload-btn{padding:5px 12px;background:#f5f3ff;border:1px solid #c7d2fe;border-radius:6px;font-size:12px;color:#6366f1;cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.upload-btn:hover{background:#ede9fe;border-color:#6366f1}.upload-hint{font-size:11px;color:#bbb}.my-library-content .my-images-grid{padding:12px;flex:1}.lib-delete-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:#00000073;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;opacity:0;transition:opacity .2s;z-index:2;padding:0;line-height:1}.my-image-item:hover .lib-delete-btn{opacity:1}.lib-delete-btn:hover{background:#dc2626cc}.desc-create-form{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.desc-form-field{display:flex;flex-direction:column;gap:4px}.desc-form-field label{font-size:13px;font-weight:500;color:#333}.desc-form-field input,.desc-form-field textarea{padding:8px 12px;border:1px solid #d9d9d9;border-radius:8px;font-size:13px;outline:none;transition:border-color .2s;resize:vertical}.desc-form-field input:focus,.desc-form-field textarea:focus{border-color:#4285f4}.desc-image-upload{border:2px dashed #d9d9d9;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s;display:flex;flex-direction:column;gap:6px}.desc-image-upload:hover{border-color:#4285f4}.desc-image-upload span:first-child{font-size:13px;color:#666}.desc-upload-hint{font-size:11px;color:#999}.desc-image-preview{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden}.desc-image-preview img{width:100%;height:100%;object-fit:cover}.desc-image-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.desc-form-actions{display:flex;gap:8px;justify-content:flex-end}.desc-form-cancel{padding:6px 16px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;color:#666}.desc-form-submit{padding:6px 16px;border:none;border-radius:8px;background:#4285f4;color:#fff;cursor:pointer;font-size:13px}.desc-form-submit:disabled{opacity:.5;cursor:not-allowed}.desc-card-delete{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:14px;display:none;align-items:center;justify-content:center;z-index:2}.creative-card:hover .desc-card-delete{display:flex}.creative-card:hover .fm-menu-btn{opacity:1}.desc-checkbox{position:absolute;top:12px;left:12px;width:20px;height:20px;border-radius:4px;border:2px solid #d9d9d9;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:3;font-size:12px;color:#fff;transition:all .2s}.desc-checkbox.checked{background:#4285f4;border-color:#4285f4}.creative-card.desc-selected{border-color:#4285f4;box-shadow:0 0 0 2px #4285f44d}.template-filter-bar{display:flex;align-items:center;gap:8px;padding:6px 0 12px;flex-wrap:wrap;border-bottom:1px solid #f0f0f0;margin-bottom:12px}.filter-dropdown{position:relative}.filter-btn{padding:0 10px;height:32px;line-height:30px;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#999;cursor:pointer;font-size:12px;font-weight:400;white-space:nowrap;transition:all .2s}.filter-btn:hover{border-color:#4096ff;color:#4096ff}.filter-btn.active{border-color:#4096ff;color:#4096ff;background:#f0f7ff}.filter-dropdown-panel{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:100px;max-height:300px;overflow-y:auto;padding:4px 0}.filter-option{padding:6px 16px 6px 12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.filter-option:hover{background:#f5f5f5}.filter-option.selected{color:#4096ff;background:#f0f7ff}.cascade-panel{display:flex;min-width:200px;max-height:360px;overflow:hidden}.cascade-column{min-width:160px;max-height:360px;overflow-y:auto;border-right:1px solid #f0f0f0;padding:4px 0}.cascade-column:last-child{border-right:none}.cascade-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:13px;color:#333;white-space:nowrap}.cascade-item:hover,.cascade-item.active{background:#f5f5f5}.cascade-item.selected{color:#4096ff;font-weight:500}.cascade-item-checkbox{width:16px;height:16px;border:1px solid #d9d9d9;border-radius:3px;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.cascade-item.selected .cascade-item-checkbox{background:#4096ff;border-color:#4096ff;color:#fff}.cascade-item-label{flex:1}.cascade-item-arrow{margin-left:8px;color:#999}.model-panel{min-width:320px;max-width:400px;padding:12px}.model-group{margin-bottom:12px}.model-group-label{font-size:12px;color:#666;margin-bottom:6px;font-weight:500}.model-group-options{display:flex;flex-wrap:wrap;gap:4px}.model-tag{padding:2px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.model-tag:hover{border-color:#4096ff}.model-tag.selected{border-color:#4096ff;background:#4096ff;color:#fff}.filter-search{position:relative;display:flex;align-items:center;gap:4px;margin-left:8px}.filter-similar-btn{display:flex;align-items:center;gap:4px;padding:0 12px;height:36px;line-height:34px;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:6px;background:#f8f9ff;color:#666;cursor:pointer;font-size:12px;white-space:nowrap;margin-left:0;transition:all .2s}.filter-similar-btn:hover{border-color:#4096ff;color:#4096ff;background:#f0f7ff}.filter-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#bbb;pointer-events:none;display:flex;align-items:center;z-index:1}.filter-search input{padding:0 60px 0 30px;height:36px;line-height:34px;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:6px;font-size:12px;width:180px}.filter-search button{padding:6px 12px;background:#4096ff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.filter-clear-inner{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#999;font-size:11px;cursor:pointer;white-space:nowrap}.filter-clear-inner:hover{color:#ff4d4f}.template-empty-result{text-align:center;padding:60px 20px;color:#999;font-size:14px}.structured-prompt-container{background:#fff;border-radius:12px;padding:16px 20px;border:1px solid #f0f0f0}.structured-mode-toggle{display:inline-flex;gap:0;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:8px}.structured-mode-toggle button{padding:4px 14px;font-size:12px;border:none;background:#fff;color:#666;cursor:pointer;transition:all .2s;font-family:inherit;line-height:1.6}.structured-mode-toggle button+button{border-left:1px solid #e0e0e0}.structured-mode-toggle button:hover{background:#f5f9ff;color:var(--primary-color, #ff4d4f)}.structured-mode-toggle button.active,.structured-mode-toggle button.active:hover{background:var(--primary-color, #ff4d4f);color:#fff}.reverse-result-block{margin-top:12px}.reverse-result-block .reverse-result-label{font-size:12px;color:#999;margin-bottom:6px;font-weight:500}.structured-prompt-field{display:flex;align-items:baseline;margin-bottom:12px;gap:8px}.structured-prompt-field:last-child{margin-bottom:0}.structured-prompt-label{font-size:12px;font-weight:500;color:#333;white-space:nowrap;flex-shrink:0}.structured-prompt-label .required-mark{color:#ff4d4f;margin-left:2px}.structured-prompt-input{flex:1;border:none;border-bottom:1px solid #e8e8e8;padding:4px 0;font-size:12px;color:#333;background:transparent;outline:none;transition:border-color .2s;font-family:inherit;resize:none;overflow:hidden;min-height:24px;line-height:1.5;word-break:break-all}.structured-prompt-input:focus{border-bottom-color:var(--primary-color, #ff4d4f)}.structured-prompt-input::placeholder{color:#bbb}.field-modal-mode-switch{display:flex;gap:0;background:#f5f5f5;border-radius:6px;padding:2px}.field-modal-mode-btn{padding:4px 12px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:12px;color:#666;transition:all .2s}.field-modal-mode-btn.active{background:#fff;color:#333;font-weight:500;box-shadow:0 1px 3px #0000001a}.table-editor-container{padding:16px}.table-editor{width:100%;border-collapse:collapse;font-size:13px}.table-editor th,.table-editor td{border:1px solid #e0e0e0;padding:0}.table-editor th{background:#fafafa}.table-editor input{width:100%;border:none;padding:8px 10px;font-size:13px;text-align:center;outline:none;background:transparent;box-sizing:border-box}.table-editor th input{font-weight:600}.table-editor input:focus{background:#f0f7ff}.table-delete-col-btn,.table-delete-row-btn{border:none;background:transparent;color:#ccc;cursor:pointer;padding:4px 8px;font-size:14px;transition:color .2s}.table-delete-col-btn:hover,.table-delete-row-btn:hover{color:#ff4d4f}.table-editor-actions{display:flex;gap:12px;margin-top:12px}.table-add-btn{display:flex;align-items:center;gap:4px;padding:6px 14px;border:1px dashed #d0d0d0;border-radius:6px;background:transparent;color:#666;cursor:pointer;font-size:12px;transition:all .2s}.table-add-btn:hover{border-color:var(--primary-color, #ff4d4f);color:var(--primary-color, #ff4d4f)}.fm-section{margin:16px 0;padding:0 24px 16px;border-bottom:1px solid #f0f0f0;background:#f5f6fa;border-radius:12px}.fm-header{display:flex;align-items:center;gap:10px;padding:26px 0 10px 10px;margin-bottom:10px}.fm-title{font-size:15px;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:6px}.fm-title:before{content:"";display:inline-block;width:3px;height:16px;background:linear-gradient(180deg,#4285f4,#7aadff);border-radius:2px}.fm-manage-btn{font-size:12px;color:#333;background:#fff;border:1px solid #d9d9d9;cursor:pointer;padding:4px 14px;border-radius:6px;transition:all .2s ease;font-weight:500}.fm-manage-btn:hover{background:#4285f414;border-color:#4285f4;color:#4285f4}.fm-search-wrap{display:flex;align-items:center;position:relative;height:28px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:0 8px;gap:5px;flex:1;max-width:180px;transition:border-color .2s}.fm-search-wrap:hover,.fm-search-wrap:focus-within{border-color:#4285f4}.fm-search-icon{color:#999;flex-shrink:0;transition:color .2s}.fm-search-wrap:focus-within .fm-search-icon{color:#333}.fm-search-input{border:none;outline:none;background:transparent;font-size:12px;color:#333;flex:1;min-width:0;line-height:1}.fm-search-input::placeholder{color:#bbb}.fm-search-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:#d9d9d9;border-radius:50%;cursor:pointer;color:#666;padding:0;flex-shrink:0;transition:background .15s}.fm-search-clear:hover{background:#bbb;color:#333}.fm-grid{display:grid;grid-template-columns:repeat(auto-fill,150px);justify-content:start;gap:12px;padding:8px 0}.fm-grid-collapsed{max-height:402px;overflow:hidden}.fm-card{width:100%;cursor:pointer;border-radius:12px;overflow:hidden;transition:all .2s;border:2px solid transparent;position:relative;background:#fff}.fm-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.fm-card-active{border-color:#4a90d9}.fm-card-selected{border-color:#4285f4!important;box-shadow:0 0 0 1px #4285f4}.fm-dragging{opacity:.6}.fm-card-cover{width:100%;height:80px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;overflow:hidden}.fm-card-cover img{width:100%;height:100%;object-fit:cover}.fm-create-cover{border:2px dashed #ddd;background:#fafafa;border-radius:10px 10px 0 0}.fm-all-cover{background:#4285f41a;color:#4285f4}.fm-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.fm-card-name{font-size:13px;font-weight:600;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;line-height:1.3}.fm-card-desc{font-size:12px;color:#999}.fm-rename-input{width:100%;padding:2px 4px;border:1px solid #4285f4;border-radius:4px;font-size:14px;outline:none;box-sizing:border-box}.fm-menu-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:none;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;opacity:0;transition:opacity .2s,background .2s;z-index:2}.fm-card:hover .fm-menu-btn{opacity:1}.fm-menu-btn:hover{background:#fff;color:#333}.fm-menu-dropdown{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001f;padding:4px 0;min-width:110px;z-index:9999;overflow:hidden;white-space:nowrap}.fm-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:#333;cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:left}.fm-menu-item:hover{background:#f5f7fa}.fm-danger{color:#ff4d4f}.fm-danger:hover{background:#fff1f0!important}.fm-checkbox{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;border:2px solid #d9d9d9;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s}.fm-checked{background:#1677ff;border-color:#1677ff}.fm-manage-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border-radius:10px;margin-top:8px}.fm-manage-bar span{font-size:14px;color:#666}.fm-delete-selected-btn{padding:8px 20px;background:#ff4d4f;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:background .15s}.fm-delete-selected-btn:hover{background:#ff2d2f}.fm-delete-selected-btn:disabled{opacity:.5;cursor:not-allowed}.fm-toggle{display:flex;justify-content:center;padding:20px 0 8px}.fm-toggle button{background:#f5f7fa;border:1px solid #d9d9d9;color:#333;font-size:13px;cursor:pointer;padding:6px 24px;border-radius:16px;transition:all .15s}.fm-toggle button:hover{background:#ecf5ff;border-color:#4285f4;color:#4285f4}.fm-create-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10000}.fm-create-modal{background:#fff;border-radius:12px;padding:24px;width:360px;box-shadow:0 8px 32px #00000026}.fm-create-modal h3{margin:0 0 16px;font-size:18px;color:#333}.fm-create-input-wrap{position:relative}.fm-create-modal input{width:100%;padding:10px 50px 10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.fm-create-modal input:focus{border-color:#4285f4}.fm-create-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#999}.fm-create-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.fm-create-cancel{padding:8px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;color:#666}.fm-create-cancel:hover{background:#f5f5f5}.fm-create-confirm{padding:8px 16px;border:none;border-radius:8px;background:#4285f4;color:#fff;cursor:pointer;font-size:14px}.fm-create-confirm:disabled{opacity:.5;cursor:not-allowed}.fm-create-confirm:hover:not(:disabled){background:#3b78dc}.fm-section.fm-compact{padding:0 10px 10px;margin:8px 0}.fm-section.fm-compact .fm-grid{grid-template-columns:repeat(auto-fill,150px)}.fm-section.fm-compact .fm-card{width:100%}.fm-section.fm-compact .fm-card-cover{height:80px}.fm-section.fm-compact .fm-card-info{padding:4px 6px}.fm-section.fm-compact .fm-card-name{font-size:12px}.fm-section.fm-compact .fm-card-desc{font-size:11px}.fm-section.fm-compact .fm-grid-collapsed{max-height:256px}.my-library-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}.upload-area{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.upload-btn{padding:5px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:12px;color:#333;cursor:pointer;transition:all .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.upload-btn:hover{background:#4285f414;border-color:#4285f4;color:#4285f4}.upload-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upload-hint{font-size:11px;color:#bbb;display:inline-flex;align-items:center;line-height:1;margin:0;padding:0}.upload-hint.uploading{color:#4285f4;font-weight:500}.lib-masonry-container{display:flex;gap:16px;padding:24px}.lib-masonry-column{flex:1;display:flex;flex-direction:column;gap:16px}@media (max-width: 1200px){.lib-masonry-column:nth-child(7),.lib-masonry-column:nth-child(8){display:none}}@media (max-width: 900px){.lib-masonry-column:nth-child(5),.lib-masonry-column:nth-child(6),.lib-masonry-column:nth-child(7),.lib-masonry-column:nth-child(8){display:none}}@media (max-width: 600px){.lib-masonry-column:nth-child(3),.lib-masonry-column:nth-child(4),.lib-masonry-column:nth-child(5),.lib-masonry-column:nth-child(6),.lib-masonry-column:nth-child(7),.lib-masonry-column:nth-child(8){display:none}}.lib-card{position:relative;border-radius:12px;overflow:hidden;background:#f5f5f5;cursor:pointer;transition:all .3s;border:2px solid transparent}.lib-card:hover{border-color:transparent}.lib-card--menu-open:hover{border-color:transparent!important;box-shadow:none!important;transform:none!important}.lib-card--menu-open:hover img{transform:none!important}.lib-card--menu-open:hover:after{opacity:0!important}.lib-card--menu-open:hover .lib-card-actions{opacity:0!important;transform:translateY(8px)!important}.lib-card.selected{border-color:#4285f4}.lib-card img{width:100%;height:auto;display:block;transition:transform .4s ease}.lib-card:hover img{transform:scale(1.05)}.lib-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(transparent,#000000a6);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:0 0 12px 12px}.lib-card:hover:after{opacity:1}.lib-card-actions{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:4px;opacity:0;transform:translateY(8px);transition:all .3s ease;z-index:2}.lib-card:hover .lib-card-actions{opacity:1;transform:translateY(0)}.lib-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#000000b3;border:1.5px solid #4285f4;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000004d;color:#fff}.lib-action-btn:hover{background:#000000d9;color:#fff;transform:scale(1.05)}.lib-delete-action:hover{color:#fff;background:#dc2626cc;border-color:#dc2626}.pagination-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:12px 16px;border-top:1px solid #eee;flex-shrink:0;background:#fff}.pagination-total{color:#888;font-size:12px;margin-right:4px;white-space:nowrap}.pagination-btn{width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:#374151;flex-shrink:0;transition:all .2s;padding:0;line-height:1}.pagination-btn:hover:not(:disabled):not(.active){border-color:#4285f4;color:#4285f4;background:#4285f414}.pagination-btn.active{background:#4285f4;color:#fff;border-color:#4285f4;font-weight:600}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-ellipsis{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#bbb;flex-shrink:0}.pagination-size-select{border:1px solid #e5e7eb;border-radius:6px;padding:4px 6px;font-size:12px;color:#374151;background:#fff;cursor:pointer;outline:none;margin-left:4px;transition:border-color .2s}.pagination-size-select:hover,.pagination-size-select:focus{border-color:#4285f4}.my-image-item{position:relative}.drag-upload-zone{position:relative;display:flex;flex-direction:column;flex:1}.drag-upload-zone.dragging{outline:2px dashed #4285f4;outline-offset:-2px;border-radius:4px}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#4285f414;border:2px dashed #4285f4;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none}.drag-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffffeb;border-radius:12px;padding:28px 40px;box-shadow:0 4px 24px #4285f426}.drag-overlay-inner span{font-size:15px;font-weight:600;color:#4285f4;letter-spacing:.02em}.delete-btn{background:#fff0f0;border-color:#ffb3b3;color:#dc2626}.delete-btn:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:#fff}.delete-btn:disabled{opacity:.4;cursor:not-allowed}.lib-card-selected{outline:3px solid #1890ff;outline-offset:-3px;border-radius:8px}.lib-card-checkbox{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;color:#fff;font-size:13px}.lib-card-checkbox.checked{background:#1890ff;border-color:#1890ff}.lib-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.lib-preview-content{position:relative;max-width:90vw;max-height:90vh}.lib-preview-content img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.lib-preview-close{position:absolute;top:8px;right:8px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000000a6;border:none;color:#fff;font-size:22px;font-weight:300;cursor:pointer;padding:0;border-radius:50%;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .15s}.lib-preview-close:hover{background:#000000d9;transform:scale(1.05)}.lib-action-btn.lib-favorited{color:#faad14!important}.lib-action-btn.lib-favorited:hover{color:#f5d547}.lib-smart-menu{background:#000000b3;border-radius:10px;border:1.5px solid #4285f4;box-shadow:none;padding:4px 0;width:fit-content;z-index:9999;overflow:hidden}.lib-smart-menu-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;color:#fff;cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:center;justify-content:center;white-space:nowrap}.lib-smart-menu-item:hover{background:#ffffff26}.lib-infinite-loading{display:flex;align-items:center;justify-content:center;padding:16px;color:#999;font-size:13px;gap:8px}.lib-spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#4285f4;border-radius:50%;animation:lib-spin .8s linear infinite}@keyframes lib-spin{to{transform:rotate(360deg)}}.lib-infinite-end{display:flex;align-items:center;justify-content:center;padding:16px;color:#bbb;font-size:12px}.lib-infinite-sentinel{height:1px}.similarity-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;background:#0000008c;display:flex;align-items:center;justify-content:center;animation:ssm-fadeIn .2s ease}@keyframes ssm-fadeIn{0%{opacity:0}to{opacity:1}}.similarity-search-modal{background:#fff;border-radius:16px;width:90vw;max-width:1200px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 48px #0003;animation:ssm-slideUp .25s ease;overflow:hidden}@keyframes ssm-slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ssm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.ssm-header-left{display:flex;align-items:center;gap:12px}.ssm-query-thumb{width:50px;height:50px;border-radius:10px;object-fit:cover;border:2px solid #eee;flex-shrink:0}.ssm-title{font-size:16px;font-weight:600;color:#333;margin:0}.ssm-subtitle{font-size:12px;color:#999;margin-top:2px}.ssm-header-right{display:flex;align-items:center;gap:8px}.ssm-header-btn{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;font-size:16px;transition:all .2s}.ssm-header-btn:hover{background:#e8e8e8;color:#333}.ssm-close-btn{font-size:20px;color:#999}.ssm-close-btn:hover{color:#333}.ssm-reupload-btn{color:#4285f4;background:#f0f5ff}.ssm-reupload-btn:hover{background:#dceaff;color:#3367d6}.ssm-tags-bar{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid #f8f8f8;flex-shrink:0;flex-wrap:wrap}.ssm-tag{padding:3px 10px;background:#f0f5ff;color:#4285f4;border-radius:12px;font-size:12px;white-space:nowrap}.ssm-tags-label{font-size:12px;color:#bbb;margin-right:4px}.ssm-body{flex:1;overflow-y:auto;padding:16px 20px;min-height:200px}.ssm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.ssm-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#4285f4;border-radius:50%;animation:ssm-spin .8s linear infinite}@keyframes ssm-spin{to{transform:rotate(360deg)}}.ssm-loading-text{font-size:14px;color:#999}.ssm-loading-phase{display:flex;align-items:center;gap:8px;margin-top:4px}.ssm-phase-dot{width:6px;height:6px;border-radius:50%;background:#d9d9d9;transition:background .3s}.ssm-phase-dot.active{background:#4285f4}.ssm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px}.ssm-error-icon{font-size:48px}.ssm-error-text{font-size:14px;color:#ff4d4f;text-align:center}.ssm-retry-btn{padding:8px 24px;background:#4285f4;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:background .2s}.ssm-retry-btn:hover{background:#3367d6}.ssm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px}.ssm-empty-icon{font-size:48px;opacity:.6}.ssm-empty-text{font-size:15px;color:#666;font-weight:500}.ssm-empty-hint{font-size:13px;color:#bbb}.ssm-grid{display:flex;gap:12px}.ssm-column{flex:1;display:flex;flex-direction:column;gap:12px}.ssm-card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#f5f5f5}.ssm-card:hover{border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ssm-card img{width:100%;height:auto;display:block}.ssm-score-badge{position:absolute;top:8px;right:8px;padding:3px 8px;background:#000000a6;color:#fff;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ssm-score-badge.high{background:#4285f4d9}.ssm-score-badge.medium{background:#faad14d9}.ssm-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s;border-radius:10px}.ssm-card:hover .ssm-card-overlay{opacity:1}.ssm-card-overlay-text{color:#fff;font-size:13px;font-weight:500;background:#ffffff26;border:1px solid rgba(255,255,255,.45);padding:6px 16px;border-radius:20px;cursor:pointer;transition:all .2s}.ssm-card-overlay-text:hover{background:#ffffff40;border-color:#ffffffb3}.ssm-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid #f0f0f0;flex-shrink:0}.ssm-footer-info{font-size:13px;color:#999}.ssm-footer-info strong{color:#4285f4;font-weight:600}@media (max-width: 768px){.similarity-search-modal{width:95vw;max-height:90vh;border-radius:12px}.ssm-grid,.ssm-column{gap:8px}.ssm-header,.ssm-body{padding:12px 16px}}.history-page{min-height:100vh;background:#f5f6fa}.history-header{display:flex;align-items:center;padding:0 24px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100;height:52px}.header-placeholder{width:80px;flex-shrink:0}.back-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:transparent;border:none;font-size:14px;color:#333;cursor:pointer;transition:color .2s;width:80px;flex-shrink:0}.back-btn:hover{color:var(--primary-color)}.favorites-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;font-size:13px;color:#333;cursor:pointer;transition:all .2s}.favorites-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.favorites-toggle-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.favorites-toggle-btn .favorites-icon{font-size:14px}.favorites-toggle-btn .favorites-text{font-size:13px}.header-tools{display:flex;gap:8px}.header-tool-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;font-size:13px;color:#333;cursor:pointer;transition:all .2s}.header-tool-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.header-tool-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.header-tool-btn .tool-icon{font-size:14px}.history-tabs{display:flex;gap:0;flex:1;justify-content:center}.history-tab{padding:14px 24px;cursor:pointer;font-size:15px;color:#666;border-bottom:2px solid transparent;transition:color .2s;-webkit-user-select:none;user-select:none;white-space:nowrap;margin-bottom:-1px}.history-tab:hover{color:#4285f4}.history-tab.active{color:#4285f4;border-bottom:2px solid #4285f4;font-weight:500}.tab-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;color:#999;font-size:16px;background:#f5f6fa}.filter-bar,.history-filter-bar{display:flex;align-items:flex-end;gap:20px;padding:20px 24px;background:#fff;border-bottom:1px solid #eee;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label,.filter-label{font-size:12px;color:#666}.filter-input,.filter-select,.filter-date-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background:#fff;min-width:160px;outline:none;transition:border-color .2s}.filter-input:focus,.filter-select:focus,.filter-date-input:focus{border-color:var(--primary-color)}.app-type-wrapper{position:relative}.filter-select-custom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background:#fff;min-width:160px;cursor:pointer;transition:border-color .2s}.filter-select-custom:hover,.filter-select-custom.active{border-color:var(--primary-color)}.filter-select-custom .select-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-select-custom .select-arrow{flex-shrink:0;color:#999;transition:transform .2s}.filter-select-custom.active .select-arrow{transform:rotate(180deg)}.app-menu-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:160px;max-height:320px;overflow-y:auto;padding:4px 0}.app-menu-item{padding:10px 16px;cursor:pointer;position:relative;display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-size:14px;color:#333;transition:all .15s}.app-menu-item:hover,.app-menu-item.hovered{background:#f5f5f5;color:var(--primary-color, #4285f4)}.app-menu-item .arrow-icon{font-size:16px;color:#999;margin-left:8px}.app-menu-item:hover .arrow-icon,.app-menu-item.hovered .arrow-icon{color:var(--primary-color, #4285f4)}.sub-app-menu{position:fixed;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;max-height:320px;overflow-y:auto;padding:4px 0;z-index:1001}.sub-app-menu .app-menu-item{padding:10px 16px}.category-header{padding:6px 16px;font-size:12px;color:#999;font-weight:500;cursor:default;border-top:1px solid #f0f0f0;margin-top:4px}.category-group:first-child .category-header{border-top:none;margin-top:0}.menu-divider{height:1px;background:#f0f0f0;margin:4px 0}.date-range-wrapper{position:relative}.date-range-input{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background:#fff;min-width:220px;cursor:pointer;transition:border-color .2s}.date-range-input:hover,.date-range-input.active{border-color:var(--primary-color)}.date-range-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-clear-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#999;border-radius:50%;transition:all .2s}.date-clear-btn:hover{background:#f0f0f0;color:#666}.calendar-icon{flex-shrink:0;color:#999}.date-range-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000026;z-index:1000;overflow:hidden}.quick-options{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #eee}.quick-btn{padding:6px 14px;border:1px solid #e0e0e0;border-radius:16px;background:#fff;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.quick-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.calendars-container{display:flex;padding:16px;gap:16px}.calendar-panel{width:280px}.calendar-title{font-size:14px;font-weight:500;color:#333;text-align:center;margin-bottom:12px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-nav .nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:12px;color:#666;cursor:pointer;border-radius:4px;transition:all .2s}.calendar-nav .nav-btn:hover{background:#f5f5f5;color:#333}.calendar-nav .nav-title{font-size:14px;font-weight:500;color:#333}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.calendar-weekdays .weekday{text-align:center;font-size:12px;color:#999;padding:8px 0}.calendar-grid{display:flex;flex-direction:column;gap:2px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#333;cursor:pointer;border-radius:50%;transition:all .2s}.calendar-day:hover{background:#f5f5f5}.calendar-day.other-month{color:#ccc}.calendar-day.today{border:1px solid #333}.calendar-day.selected{background:var(--primary-color, #4285f4);color:#fff}.calendar-day.in-range{background:rgba(var(--primary-rgb, 66, 133, 244),.1);border-radius:0}.calendar-day.range-start{border-radius:50% 0 0 50%;background:var(--primary-color, #4285f4);color:#fff}.calendar-day.range-end{border-radius:0 50% 50% 0;background:var(--primary-color, #4285f4);color:#fff}.calendar-day.range-start.range-end{border-radius:50%}.date-range-footer{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid #eee}.date-range-footer .confirm-btn{padding:8px 24px;border:none;border-radius:6px;background:var(--primary-color, #4285f4);color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.date-range-footer .confirm-btn:hover{opacity:.9}.filter-actions,.filter-actions-inline{display:flex;gap:10px}.filter-actions{margin-left:auto}.filter-actions-inline{align-self:flex-end;margin-left:0}.filter-btn,.search-btn,.clear-btn{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap;height:36px;box-sizing:border-box}.filter-actions-inline .filter-btn.search-btn{background:#fff;border:1px solid #d0d0d0;color:#333}.filter-actions-inline .filter-btn.search-btn:hover{background:#f5f5f5;border-color:#999}.filter-btn.search-btn,.search-btn{background:#fff;border:1px solid #d0d0d0;color:#333}.filter-btn.search-btn:hover,.search-btn:hover{background:#f5f5f5;border-color:#999}.history-page .filter-actions-inline .filter-btn.clear-btn,.history-page .filter-actions-inline .clear-btn{background:#fff;border:1px solid #d0d0d0;color:#666;width:auto;height:36px;padding:8px 20px;font-size:14px;border-radius:6px;box-sizing:border-box;justify-content:center}.history-page .filter-actions-inline .filter-btn.clear-btn:hover,.history-page .filter-actions-inline .clear-btn:hover{border-color:#999;background:#fafafa}.filter-btn.clear-btn,.history-page .clear-btn{background:#fff;border:1px solid #d0d0d0;color:#666}.filter-btn.clear-btn:hover,.history-page .clear-btn:hover{border-color:#999;background:#fafafa}.history-page .filter-btn.clear-btn svg,.history-page .clear-btn svg{display:inline-block;vertical-align:middle;flex-shrink:0;width:14px;height:14px;stroke:currentColor}.filter-btn .btn-icon{font-size:14px}.history-grid,.masonry-container{display:flex;gap:10px;padding:20px}.masonry-column{flex:1;display:flex;flex-direction:column;gap:10px}.history-card{position:relative;border-radius:12px;overflow:hidden;background:#f5f5f5;cursor:pointer;transition:all .3s;border:none}.history-card img{width:100%;height:auto;display:block;transition:transform .4s ease}.history-card:hover img{transform:scale(1.05)}.history-card .card-actions{position:absolute;top:auto;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;gap:5px;opacity:0;transition:opacity .3s ease;white-space:nowrap;box-sizing:border-box}.history-card:hover .card-actions{opacity:1}.history-card .action-btn{display:flex;align-items:center;justify-content:center;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex-grow:0;flex-shrink:0;box-sizing:border-box;background:#fffffff2;border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a;color:#333}.history-card .action-btn:hover{background:#fff;transform:scale(1.05)}.history-card .action-icon{font-size:12px;color:#333}.history-card .action-label{display:none}.history-page .empty-state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#999}.history-page .empty-icon{font-size:64px;margin-bottom:16px;color:#333}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-load-more{width:100%;padding:24px 0 16px;display:flex;justify-content:center;align-items:center;min-height:60px;grid-column:1 / -1}.history-loading-more{display:flex;align-items:center;gap:8px;color:#999;font-size:13px}.history-loading-more svg{color:#aaa}.history-no-more{color:#bbb;font-size:13px;letter-spacing:.05em}.history-page .empty-state p{font-size:18px;color:#666;margin-bottom:8px}.history-page .empty-state span{font-size:14px;color:#999}.work-card{position:relative;border-radius:8px;overflow:hidden;background:#f0f0f0;cursor:pointer}.work-card-image{width:100%;overflow:hidden;transition:transform .35s ease}.work-card-image img{width:100%;height:auto;display:block;transition:transform .35s ease}.work-card:hover .work-card-image img{transform:scale(1.02)}.work-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 12px;background:linear-gradient(transparent,#000000a6);display:flex;justify-content:space-between;align-items:flex-end;opacity:0;transition:opacity .3s ease}.work-card:hover .work-card-overlay{opacity:1}.work-card-info{flex:1;min-width:0}.work-card-title{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.work-card-stats{display:flex;gap:10px}.work-card-stats .stat-item{font-size:12px;color:#ffffffd9;display:flex;align-items:center;gap:3px}.work-card-stats .stat-icon{font-size:12px}.work-card-time{font-size:11px;color:#ffffffa6;margin-top:3px}.work-card-actions{display:flex;gap:6px;flex-shrink:0;margin-left:8px}.work-action-btn{width:32px;height:32px;border:none;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.work-action-btn:hover{background:#fff6;transform:scale(1.1)}.work-action-btn.active{background:#ffffff59}.work-action-btn.like-btn.active{color:#ff4d4f}.work-action-btn.fav-btn.active{color:#faad14}.load-more-wrapper{display:flex;justify-content:center;padding:24px 0 40px}.load-more-btn{padding:10px 40px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.load-more-btn:hover:not(:disabled){border-color:#999;background:#f5f5f5}.load-more-btn:disabled{color:#999;cursor:not-allowed}.preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.preview-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.preview-content img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.preview-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border:none;border-radius:50%;background:#ffffffe6;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all .2s}.preview-close:hover{background:#fff;transform:scale(1.1)}@media (max-width: 1600px){.masonry-container>.masonry-column:nth-child(n+8),.history-grid>.masonry-column:nth-child(n+8){display:none}}@media (max-width: 1400px){.masonry-container>.masonry-column:nth-child(n+7),.history-grid>.masonry-column:nth-child(n+7){display:none}}@media (max-width: 1200px){.masonry-container>.masonry-column:nth-child(n+6),.history-grid>.masonry-column:nth-child(n+6){display:none}}@media (max-width: 900px){.masonry-container>.masonry-column:nth-child(n+5),.history-grid>.masonry-column:nth-child(n+5){display:none}.filter-bar,.history-filter-bar{flex-direction:column;align-items:stretch}.filter-actions,.filter-actions-inline{margin-left:0;margin-top:10px}}@media (max-width: 600px){.masonry-container,.history-grid{padding:12px;gap:8px}.masonry-container>.masonry-column:nth-child(n+3),.history-grid>.masonry-column:nth-child(n+3){display:none}.header-tools{display:none}}.detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-modal-content{background:#fff;border-radius:16px;max-width:1200px;width:95%;max-height:85vh;overflow:hidden;position:relative;box-shadow:0 20px 60px #0000004d}.detail-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#0006;color:#fff;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.detail-modal-close:hover{background:#0009}.detail-modal-body{display:flex;height:100%;max-height:85vh}.detail-modal-image{flex:1;min-width:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px 0 0 16px}.detail-modal-image img{max-width:100%;max-height:85vh;object-fit:contain}.detail-modal-info{width:340px;flex-shrink:0;padding:28px 24px;overflow-y:auto;border-left:1px solid #f0f0f0}.detail-item{margin-bottom:20px}.detail-item label{display:block;font-size:13px;color:#999;margin-bottom:6px}.detail-item span{font-size:14px;color:#333}.detail-tag{display:inline-block;background:#f5f5f5;padding:4px 12px;border-radius:6px;font-size:14px;color:#333}.detail-item-vertical{margin-bottom:20px}.detail-prompt{font-size:14px;color:#333;line-height:1.6;margin:0;max-height:300px;overflow-y:auto;word-break:break-all}.history-card .action-btn.favorited{color:#faad14!important}.history-card .action-btn.favorited .action-icon{color:#faad14}.detail-modal-actions{display:flex;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #f0f0f0}.detail-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#e8f0fe;color:#4285f4;border:none;border-radius:10px;font-size:14px;cursor:pointer;transition:all .2s}.detail-action-btn:hover{background:#d0e2fd;transform:translateY(-1px)}.detail-action-btn svg{flex-shrink:0}.folder-classify-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;z-index:2}.shared-work-card:hover .folder-classify-btn{opacity:1}.folder-classify-btn:hover{background:#000000b3}.shares-delete-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;z-index:2}.shared-work-card:hover .shares-delete-btn{opacity:1}.shares-delete-btn:hover{background:#dc2626d9}.points-reward-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10000;animation:pointsRewardFadeIn .3s ease}@keyframes pointsRewardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pointsRewardSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pointsRewardSlideUpDark{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.points-reward-light .points-reward-modal{background:#fff;border-radius:16px;padding:32px 40px;text-align:center;max-width:360px;width:90%;animation:pointsRewardSlideUp .3s ease;box-shadow:0 20px 60px #0003}.points-reward-light .points-reward-icon{display:flex;justify-content:center;align-items:center;font-size:48px;margin-bottom:12px}.points-reward-light .points-reward-title{margin:0 0 8px;font-size:22px;color:#333;font-weight:600;text-align:center}.points-reward-light .points-reward-points{margin:0 0 8px;font-size:36px;font-weight:700;color:#ff6b35;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.points-reward-light .points-reward-balance{margin:0 0 4px;font-size:14px;color:#666;text-align:center}.points-reward-light .points-reward-description{margin:0 0 20px;font-size:12px;color:#999;text-align:center}.points-reward-light .points-reward-btn{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.points-reward-light .points-reward-btn:hover{opacity:.9}.points-reward-dark .points-reward-modal{background:#1a1a2e;border-radius:24px;padding:48px 40px;text-align:center;max-width:360px;width:90%;box-shadow:0 20px 60px #00000080;animation:pointsRewardSlideUpDark .4s ease;border:1px solid rgba(255,255,255,.1)}.points-reward-dark .points-reward-icon{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.points-reward-dark .points-reward-icon svg{filter:drop-shadow(0 4px 16px rgba(245,166,35,.5));animation:pointsRewardGiftBounce .6s ease}@keyframes pointsRewardGiftBounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.points-reward-dark .points-reward-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 24px;text-align:center}.points-reward-dark .points-reward-points{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 12px;font-size:56px;font-weight:700;background:linear-gradient(135deg,#f5a623,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.points-reward-dark .points-reward-balance{color:#fff9;font-size:14px;margin:0 0 32px;text-align:center}.points-reward-dark .points-reward-description{color:#ffffff80;font-size:12px;margin:0 0 24px;text-align:center}.points-reward-dark .points-reward-btn{width:100%;padding:16px 32px;background:var(--primary-color);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.points-reward-dark .points-reward-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb),.4)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f0f12;background-size:cover;background-position:center;background-repeat:no-repeat;padding:40px 20px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(64,150,255,.22) 0%,transparent 65%),radial-gradient(ellipse at 80% 20%,rgba(120,80,255,.18) 0%,transparent 60%),radial-gradient(ellipse at 60% 80%,rgba(64,200,255,.15) 0%,transparent 65%);animation:aurora-shift 12s ease-in-out infinite alternate;z-index:0;pointer-events:none}@keyframes aurora-shift{0%{transform:translate(0) rotate(0);opacity:.8}33%{transform:translate(5%,-3%) rotate(2deg);opacity:.95}66%{transform:translate(-3%,5%) rotate(-1deg);opacity:.85}to{transform:translate(3%,-2%) rotate(1deg);opacity:1}}.login-wrapper{width:100%;max-width:800px;position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:100px!important;display:flex;align-items:center;justify-content:center;gap:24px}.logo-text{font-size:48px;font-weight:600;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:1px}.logo-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;background:#fff;border:none;border-radius:20px;font-size:14px;font-weight:400;color:#1a1a2e;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:1px}.login-content{display:flex;gap:40px;align-items:flex-start;justify-content:center;background:#fff;border-radius:16px;padding:30px 40px 40px;box-shadow:0 4px 30px #0000004d}.login-form-section{flex:1;max-width:380px}.phone-input-group{display:flex;align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:30px;padding:0 20px;margin-bottom:16px;transition:border-color .3s}.phone-input-group:focus-within{border-color:var(--primary-color)}.phone-prefix{color:#333;font-size:15px;padding-right:12px;border-right:1px solid #ddd;margin-right:12px}.phone-input-group input{flex:1;background:transparent;border:none;color:#333;font-size:15px;padding:16px 0;outline:none}.phone-input-group input::placeholder{color:#999}.email-input-group{display:flex;align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:30px;padding:0 20px;margin-bottom:16px;transition:border-color .3s}.email-input-group:focus-within{border-color:var(--primary-color)}.email-input-group input{flex:1;background:transparent;border:none;color:#333;font-size:15px;padding:16px 0;outline:none;width:100%}.email-input-group input::placeholder{color:#999}.captcha-image-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.captcha-input{flex:1;height:48px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:30px;padding:0 20px;font-size:15px;color:#333;outline:none;transition:border-color .3s;box-sizing:border-box}.captcha-input::placeholder{color:#999}.captcha-input:focus{border-color:var(--primary-color)}.captcha-image{width:120px;height:48px;cursor:pointer;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.captcha-image svg{width:100%;height:100%}.captcha-image:hover{opacity:.8}.code-input-group{display:flex;align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:30px;padding:0 6px 0 20px;margin-bottom:16px;transition:border-color .3s}.code-input-group:focus-within{border-color:var(--primary-color)}.code-input-group input{flex:1;background:transparent;border:none;color:#333;font-size:15px;padding:16px 0;outline:none}.code-input-group input::placeholder{color:#999}.send-code-btn{flex-shrink:0;padding:10px 16px;background:transparent;border:none;color:var(--primary-color);font-size:14px;cursor:pointer;white-space:nowrap}.send-code-btn:disabled{color:#666;cursor:not-allowed}.send-code-btn:not(:disabled):hover{color:#6fb5ff}.password-input-group{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:30px;padding:0 20px;margin-bottom:16px;transition:border-color .3s}.password-input-group:has(+.forgot-password-link),.password-input-group+.forgot-password-link{margin-top:0}.password-input-group:focus-within{border-color:var(--primary-color)}.password-input-group input{width:100%;background:transparent;border:none;color:#333;font-size:15px;padding:16px 0;outline:none;box-sizing:border-box}.password-input-group input::placeholder{color:#999}.forgot-password-link{text-align:right;margin-bottom:12px;margin-top:4px}.forgot-password-link a{color:var(--primary-color);font-size:13px;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}.error-msg{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:13px}.terms-check{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-bottom:20px;font-size:12px;color:#666;line-height:1.8}.terms-check label{display:flex;align-items:center;gap:6px;cursor:pointer}.terms-check input[type=checkbox]{width:14px;height:14px;min-width:14px;min-height:14px;flex-shrink:0;accent-color:var(--primary-color);-moz-appearance:auto;appearance:auto;-webkit-appearance:checkbox;display:inline-block;cursor:pointer;margin:0}.terms-check a{color:var(--primary-color);text-decoration:none}.terms-check a:hover{text-decoration:underline}.login-page .login-btn{width:100%;padding:14px;border:none!important;outline:none!important;background:var(--primary-color)!important;color:#fff;font-size:16px;font-weight:500;border-radius:30px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4a9eff4d}.login-page .login-btn:focus{border:none!important;outline:none!important;box-shadow:0 4px 15px #4a9eff4d}.login-page .login-btn:disabled{opacity:.7;cursor:not-allowed}.login-page .login-btn:not(:disabled):hover{background:#3a8eef!important;transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff66}.login-type-switch{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;position:relative}.switch-line{position:absolute;left:0;right:0;height:1px;background:#e8e8e8;z-index:0}.switch-icon-btn{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.switch-icon-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.switch-icon-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.switch-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:#333;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;margin-bottom:8px}.switch-icon-btn:hover .switch-tooltip{opacity:1;visibility:visible}.wechat-qrcode-section{display:flex;flex-direction:column;align-items:center;text-align:center}.qrcode-box{position:relative;width:220px;height:220px;min-height:220px;max-height:220px;margin:0 auto 12px;background:#ededed;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.wechat-qr-wrapper{width:180px;height:180px;max-width:180px;max-height:180px;overflow:hidden;position:relative;flex-shrink:0;border-radius:10px}.wechat-qr-container{position:absolute;top:67%;left:50%;width:300px;height:400px;transform:translate(-50%,-50%) scale(.65)}.wechat-qr-container iframe{width:100%!important;height:100%!important;border:none!important}.qrcode-fallback{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;background:#fff;text-align:center}.qrcode-fallback p{margin:0;font-size:13px;color:#666;line-height:1.6}.qrcode-loading-text{color:#999!important;font-size:12px!important}.wechat-fallback-btn{margin-top:4px;padding:8px 18px;border:1px solid #07C160;background:#07c160;color:#fff;font-size:13px;border-radius:20px;cursor:pointer;transition:all .2s}.wechat-fallback-btn:hover:not(:disabled){background:#06ad57;border-color:#06ad57}.wechat-fallback-btn:disabled{opacity:.6;cursor:not-allowed}.wechat-login-tip{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#07c160}@media (max-width: 768px){.login-content{flex-direction:column;gap:40px}.login-form-section{max-width:100%;width:100%}.wechat-qrcode-section{width:100%}.qrcode-box{width:220px;height:220px}}.login-page input:-webkit-autofill,.login-page input:-webkit-autofill:hover,.login-page input:-webkit-autofill:focus,.login-page input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f8f9fa inset!important;box-shadow:0 0 0 30px #f8f9fa inset!important;-webkit-text-fill-color:#333!important}.bind-phone-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-color);padding:20px}.bind-container{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}.bind-header{text-align:center;margin-bottom:30px}.bind-header h1{font-size:24px;color:#333;margin:0 0 8px}.bind-header p{font-size:14px;color:#999;margin:0}.bind-container .error-msg{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.bind-container .form-group{margin-bottom:16px}.bind-container .form-group input{width:100%;padding:14px 16px;border:1px solid #e8e8e8;border-radius:8px;font-size:15px;transition:all .3s;box-sizing:border-box}.bind-container .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.bind-container .code-group{display:flex;gap:12px}.bind-container .code-group input{flex:1}.bind-container .send-code-btn{flex-shrink:0;width:110px;padding:14px 12px;border:none;background:var(--primary-color);color:#fff;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s}.bind-container .send-code-btn:disabled{background:#ccc;cursor:not-allowed}.bind-btn{width:100%;padding:14px;border:none;background:var(--primary-color);color:#fff;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s;margin-top:8px}.bind-btn:disabled{opacity:.7;cursor:not-allowed}.bind-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.forgot-password-page{min-height:100vh;background:#1a1a2e;display:flex;align-items:center;justify-content:center;padding:20px}.forgot-password-wrapper{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 60px #0003}.forgot-password-logo{text-align:center;margin-bottom:24px}.forgot-password-logo .logo-text{font-size:28px;font-weight:700;color:var(--primary-color);-webkit-background-clip:text;background-clip:text}.forgot-password-title{text-align:center;font-size:20px;color:#333;margin:0 0 24px}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-num{width:28px;height:28px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500}.step.active .step-num{background:var(--primary-color);color:#fff}.step-label{font-size:12px;color:#999}.step.active .step-label{color:var(--primary-color)}.step-line{width:40px;height:2px;background:#e0e0e0;margin:0 8px 20px}.forgot-password-form{padding:0 10px}.account-info{text-align:center;font-size:14px;color:#666;margin-bottom:20px}.account-info strong{color:#333}.forgot-password-form .input-group{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:30px;padding:0 20px;margin-bottom:16px;display:flex;align-items:center}.forgot-password-form .input-group:focus-within{border-color:var(--primary-color)}.forgot-password-form .input-group input{flex:1;background:transparent;border:none;color:#333;font-size:15px;padding:14px 0;outline:none}.forgot-password-form .input-group input::placeholder{color:#999}.resend-btn{background:transparent;border:none;color:var(--primary-color);font-size:13px;cursor:pointer;white-space:nowrap;padding:8px 0}.resend-btn:disabled{color:#999;cursor:not-allowed}.forgot-password-form .error-msg{color:#ff4757;font-size:13px;margin-bottom:16px;text-align:center}.submit-btn{width:100%;padding:14px;background:var(--primary-color);border:none;border-radius:30px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;margin-bottom:20px;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-to-login{text-align:center}.back-to-login a{color:var(--primary-color);font-size:14px;text-decoration:none}.back-to-login a:hover{text-decoration:underline}.account-input-group{display:flex;gap:10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:30px;padding:0 6px 0 20px;overflow:hidden}.account-input-group:focus-within{border-color:var(--primary-color)}.account-input-group input{flex:1;background:transparent;border:none;padding:14px 0;font-size:15px;color:#333;outline:none}.check-btn{padding:6px 24px;background:#f0f0f0;border:none;border-radius:20px;color:#888;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s}.check-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.check-btn:disabled{opacity:.5;cursor:not-allowed}.account-input-group input:-webkit-autofill,.account-input-group input:-webkit-autofill:hover,.account-input-group input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #f5f7fa inset!important;-webkit-text-fill-color:#333!important;transition:background-color 5000s ease-in-out 0s}.account-found{background:#e8f5e9;color:#2e7d32;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.account-found .found-icon{color:#4caf50;font-weight:700}.account-found strong{color:#1b5e20}.account-found .user-id{color:#666;font-size:12px}@media (max-width: 480px){.forgot-password-wrapper{padding:30px 20px}.step-line{width:24px}.step-label{font-size:11px}}.profile-page{min-height:100vh;background:#f5f5f5;padding:20px}.profile-container{max-width:600px;margin:0 auto}.profile-header{background:var(--primary-color);border-radius:16px;padding:24px;display:flex;gap:20px;margin-bottom:20px;position:relative}.change-bg-btn{position:absolute;top:12px;right:12px;padding:6px 12px;border:1px solid rgba(255,255,255,.5);background:#0000004d;color:#fff;font-size:12px;border-radius:16px;cursor:pointer;transition:all .2s}.change-bg-btn:hover{background:#00000080}.avatar-section{text-align:center}.avatar{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;margin-bottom:8px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.change-avatar-btn{padding:6px 12px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;font-size:12px;border-radius:4px;cursor:pointer}.user-meta{flex:1;display:flex;flex-direction:column;justify-content:center}.profile-header .user-nickname{max-width:none;overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word}.user-id{font-size:14px;color:#fffc;margin-bottom:8px;display:flex;align-items:center;gap:6px}.copy-id-btn{cursor:pointer;font-size:14px;color:#fff9;transition:color .2s}.copy-id-btn:hover{color:#fff}.member-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.member-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:12px;font-size:12px;color:#fff;min-width:100px;box-sizing:border-box}.member-badge.free{background:#999;color:#fff}.member-badge.vip{background:linear-gradient(135deg,gold,#fa0);color:#5c3d00;font-weight:600}.expire-date{font-size:12px;color:#ffffffe6;background:#fff3;padding:4px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.points-badge-row{margin-bottom:8px}.points-badge-tag{font-size:12px;font-weight:600;color:gold;background:#1a1a2e;padding:4px 12px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:100px;box-sizing:border-box}.profile-page .error-msg{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.profile-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.edit-btn{padding:6px 16px;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);font-size:13px;border-radius:4px;cursor:pointer}.info-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none}.info-item label{font-size:14px;color:#666}.info-item span{font-size:14px;color:#333}.info-item.clickable{cursor:pointer}.info-item.clickable:hover{background:#fafafa;margin:0 -20px;padding:14px 20px}.info-item .arrow{font-style:normal;color:#ccc;margin-left:8px}.info-item input{width:200px;padding:8px 12px;border:1px solid #e8e8e8;border-radius:4px;font-size:14px;text-align:right}.info-item input:focus{outline:none;border-color:var(--primary-color)}.edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.cancel-btn,.save-btn{padding:10px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.cancel-btn{border:1px solid #e8e8e8;background:#fff;color:#666}.cancel-btn:hover{border-color:#d9d9d9;background:#f5f5f5}.save-btn{border:none;background:var(--primary-color);color:#fff}.save-btn:hover{background:var(--primary-hover)}.save-btn:disabled{background:#ccc;cursor:not-allowed}.logout-btn{width:100%;padding:14px;border:none;background:#fff;color:#ff4d4f;font-size:15px;border-radius:12px;cursor:pointer;margin-top:20px}.logout-btn:hover{background:#fff2f0}.modal{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:360px}.modal h3{font-size:18px;color:#333;margin:0 0 20px;text-align:center}.modal .form-group input{width:100%;padding:12px;border:1px solid #e8e8e8;border-radius:6px;font-size:14px;box-sizing:border-box}.modal .form-group input:focus{outline:none;border-color:var(--primary-color)}.modal .error-msg{margin-bottom:16px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions .cancel-btn,.modal-actions .save-btn{flex:1}.member-page{min-height:100vh;background:#f5f5f5;padding:40px 20px}.member-page>*{max-width:1400px;margin-left:auto;margin-right:auto}.user-status-bar{display:flex;justify-content:space-between;align-items:center;background:var(--primary-color);border-radius:16px;padding:24px;margin-bottom:32px;color:#fff}.member-page .user-info-brief{display:flex;flex-direction:row;align-items:flex-start;gap:20px;background:none;position:static;overflow:visible;margin:0;padding:0;border-radius:0}.member-page .user-info-brief:before{display:none}.member-page .avatar-wrap{text-align:center;background:transparent}.member-page .avatar-wrap img,.member-page .avatar-wrap .avatar-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover;border:none}.member-page .avatar-wrap .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#fff3;font-size:32px;color:#fff}.member-page .user-text{flex:1;display:flex;flex-direction:column;justify-content:center;background:transparent}.member-page .user-text .nickname{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.member-page .user-text .level-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#5c3d00;width:fit-content}.member-page .user-badges{display:flex;align-items:center;gap:12px}.member-page .expire-tag{font-size:12px;color:#ffffffe6;background:#fff3;padding:4px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-links{display:flex;gap:16px;align-items:center}.quick-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 28px;background:#ffffff26;border-radius:50px;border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;transition:all .3s;min-width:80px;height:42px;box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-link:hover{background:#ffffff40;transform:translateY(-2px)}.quick-link .points-value{font-size:15px;font-weight:700;line-height:1}.quick-link .points-label{font-size:13px;opacity:.9;line-height:1}.quick-link.points-link-inline{flex-direction:row;align-items:center;gap:6px;background:#1a1a2e;border-color:transparent}.quick-link.points-link-inline .points-value{color:gold;font-weight:700}.quick-link.points-link-inline .points-label{color:gold;opacity:.9}.member-header{text-align:center;margin-bottom:40px}.member-header h1{font-size:32px;color:#333;margin:0 0 8px}.member-header p{font-size:16px;color:#666;margin:0}.member-page .level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:40px}@keyframes border-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.member-page .level-card{background:#fff;border:none;border-radius:16px;padding:16px;cursor:pointer;transition:transform .3s;position:relative;display:flex;flex-direction:column;overflow:hidden;z-index:0}.member-page .level-card:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:conic-gradient(from 45deg,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4 360deg);z-index:-2}.member-page .level-card:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fff;border-radius:14px;z-index:-1}.member-page .level-card:hover{transform:translateY(-4px)}.member-page .level-card:hover:before{animation:border-spin 3s linear infinite}.member-page .level-card.current:after{background:#ffffff80}.member-page .level-card.selected:before{background:conic-gradient(from var(--border-angle, 0deg),#4285f4 0deg,#4285f4 60deg,#4285f4 90deg,#4285f4 120deg,#4285f4 180deg,#4285f4 210deg,#4285f4 240deg,#4285f4 300deg,#4285f4 330deg,#4285f4 360deg)}.member-page .level-card.selected:after{box-shadow:inset 0 0 30px #4285f466,inset 0 0 60px #4285f440,inset 0 0 100px #4285f426,inset 0 0 150px #4285f414}.member-page .level-card.selected.current:before{animation:none}.member-page .level-card.selected.current:after{box-shadow:inset 0 0 30px #4285f466,inset 0 0 60px #4285f440,inset 0 0 100px #4285f426,inset 0 0 150px #4285f414!important;background:#fff!important}.current-tag{color:#5a3e00;font-weight:900}.member-page .level-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 16px;border-radius:20px;background:linear-gradient(135deg,#f5c842,#e6a817)!important;color:#5a3e00!important;font-size:14px;font-weight:600;margin-bottom:16px;width:auto;text-align:center}.member-page .level-badge.free-badge{background:#999!important;color:#fff!important}.level-price{margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:baseline}.level-price .currency{font-size:18px;color:#333;font-weight:700}.level-price .amount{font-size:36px;font-weight:700;color:#333}.level-price .unit{font-size:14px;color:#333;font-weight:600}.discount-row{margin-top:4px;text-align:left}.discount-tag{display:inline-block;padding:2px 6px;background:#ff4d4f;color:#fff;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.level-features{list-style:none;padding:0;margin:0;flex:1}.level-features li{padding:8px 0;font-size:14px;color:#333;font-weight:600;border-bottom:1px solid rgba(0,0,0,.3)}.level-features li:last-child{border-bottom:none}.level-features li:before{content:"✓";color:var(--primary-color);margin-right:8px}.member-page .level-card.current .level-features li{color:#000;font-weight:600;border-bottom-color:#0000004d}.member-page .level-card.current .level-features li:last-child{border-bottom:none}.member-page .level-card.current .level-price .currency,.member-page .level-card.current .level-price .amount,.member-page .level-card.current .level-price .unit{color:#000;font-weight:700}.member-page .level-card.current .level-price .original-price{color:#000;font-weight:600}.member-page .level-card.current .renewal-text{color:#000;font-weight:600;border-top-color:#0000004d}.member-page .level-card.current .level-badge{color:#5a3e00!important;font-weight:700}.member-page .level-card.current .level-badge.free-badge,.member-page .level-badge.free-badge .current-tag{color:#fff!important}.member-page .level-badge .member-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:2px}.level-features li.highlight{color:var(--primary-color);font-weight:500}.level-features li strong{color:#333;font-weight:600}.duration-section,.pay-method-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px}.duration-section h3,.pay-method-section h3{font-size:16px;color:#333;margin:0 0 16px}.duration-options,.pay-options{display:flex;gap:16px;flex-wrap:wrap}.member-page .duration-options label,.member-page .pay-options label{flex:1;min-width:120px;padding:16px;border:none;border-radius:8px;cursor:pointer;text-align:center;transition:all .3s;position:relative;overflow:hidden;z-index:0;font-weight:600}.member-page .duration-options label:before,.member-page .pay-options label:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:conic-gradient(from 45deg,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4 360deg);z-index:-2}.member-page .duration-options label:after,.member-page .pay-options label:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fff;border-radius:6px;z-index:-1}.member-page .duration-options label:hover:before,.member-page .pay-options label:hover:before{animation:border-spin 3s linear infinite}.member-page .duration-options label.active:before,.member-page .pay-options label.active:before{background:conic-gradient(from var(--border-angle, 0deg),#4285f4 0deg,#4285f4 60deg,#4285f4 90deg,#4285f4 120deg,#4285f4 180deg,#4285f4 210deg,#4285f4 240deg,#4285f4 300deg,#4285f4 330deg,#4285f4 360deg);animation:none!important}.member-page .duration-options label.active:after,.member-page .pay-options label.active:after{background:#f7f8fa;box-shadow:inset 0 0 8px #4285f459,inset 0 0 15px #4285f433,inset 0 0 25px #4285f41a}.duration-options label .save-tag{display:block;margin-top:4px;color:#ff4d4f;font-size:12px;font-weight:500}.duration-options label input,.pay-options label input{display:none}.subscribe-section{text-align:center;padding:24px}.member-page .subscribe-btn{padding:16px 48px;font-size:18px;font-weight:700;color:#333;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;z-index:0}.member-page .subscribe-btn:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:conic-gradient(from 45deg,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4,#c8ddf8,#c8ddf8,#4285f4 360deg);z-index:-2}.member-page .subscribe-btn:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#fff;border-radius:6px;z-index:-1}.member-page .subscribe-btn:hover:before{animation:border-spin 3s linear infinite}.member-page .subscribe-btn:hover{transform:translateY(-2px)}.member-page .subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.pay-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:none;margin:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.pay-modal{background:#fff;border-radius:16px;padding:32px;width:90%;max-width:400px;text-align:center}.pay-modal h3{font-size:20px;color:#333;margin:0 0 16px}.pay-amount{font-size:32px;font-weight:700;color:#ff4d4f;margin-bottom:24px}.pay-qrcode{width:200px;height:200px;margin:0 auto 16px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.pay-qrcode img{width:100%;height:100%;object-fit:contain}.qrcode-placeholder{color:#999;font-size:14px}.pay-hint{font-size:14px;color:#666;margin-bottom:24px}.confirm-pay-btn{width:100%;padding:14px;font-size:16px;color:#fff;background:#52c41a;border:none;border-radius:8px;cursor:pointer;transition:all .3s;margin-bottom:16px}.confirm-pay-btn:hover{background:#45a718}.confirm-pay-btn:disabled{background:#ccc;cursor:not-allowed}.pay-terms{font-size:12px;color:#999;line-height:1.6}.pay-terms a{color:var(--primary-color);text-decoration:none}.pay-terms a:hover{text-decoration:underline}.quick-link.watermark-btn{border:none;cursor:pointer;font-size:14px}.quick-link.watermark-btn.disabled{opacity:.5;cursor:not-allowed}.level-price .original-price{font-size:14px;color:#999;text-decoration:line-through;margin-right:8px}.level-price .free-text{font-size:26px;font-weight:700;color:#000}.renewal-text{margin-top:16px;padding-top:16px;border-top:1px dashed rgba(0,0,0,.3);font-size:12px;color:#333;font-weight:600;text-align:center}.watermark-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:none;margin:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.watermark-modal{background:#fff;border-radius:16px;width:90%;max-width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.watermark-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee;background:#fff}.watermark-modal-header h3{font-size:18px;font-weight:600;margin:0;color:#333}.watermark-modal-header .close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.watermark-modal-header .close-btn:hover{background:#f5f5f5;color:#666}.watermark-modal-body{padding:24px;background:#fff}.legal-notice{background:#f5f5f5;border-radius:8px;padding:16px;margin-bottom:24px}.legal-notice p{font-size:13px;line-height:1.8;color:#666;margin:0 0 12px}.legal-notice p:last-child{margin-bottom:0}.watermark-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:12px}.watermark-toggle-row:last-of-type{margin-bottom:0}.toggle-label{font-size:15px;font-weight:500;color:#333}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-hint{font-size:13px;color:#666;margin:16px 0 8px}.settings-hint{font-size:12px;color:#999;margin:0}.watermark-modal-footer{padding:16px 24px 24px;background:#fff;border-top:1px solid #f0f0f0}.save-watermark-btn{width:100%;padding:14px;font-size:16px;font-weight:500;color:#fff;background:var(--primary-color);border:none;border-radius:8px;cursor:pointer;transition:all .3s}.save-watermark-btn:hover{background:var(--primary-hover)}.save-watermark-btn:disabled{opacity:.7;cursor:not-allowed}.member-rules-section{margin-top:24px;margin-bottom:24px}.member-rules-tip{background:#f5f5f5;border-left:3px solid var(--primary-color);border-radius:6px;padding:14px 18px;font-size:13px;color:#666;display:flex;align-items:center;gap:8px;margin-bottom:20px}.member-rules-tip-icon{font-size:16px;flex-shrink:0}.member-rules-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000d}.member-rules-title{font-size:20px;font-weight:600;color:#333;margin:0 0 12px;text-align:center}.member-rules-subtitle{font-size:14px;color:#666;text-align:center;margin:0 0 24px;line-height:1.6}.member-rules-table{border:1px solid #e8e8e8;border-radius:12px;overflow:hidden}.member-rules-row{display:flex;border-bottom:1px solid #e8e8e8}.member-rules-row:last-child{border-bottom:none}.member-rules-label{width:140px;flex-shrink:0;background:#f9f9f9;padding:18px 16px;font-size:14px;font-weight:600;color:#333;border-right:1px solid #e8e8e8;display:flex;align-items:flex-start}.member-rules-content{flex:1;padding:18px 20px;font-size:14px;color:#555;line-height:1.7}.member-rules-list{margin:0;padding:0;list-style:none}.member-rules-list li{position:relative;padding-left:16px;margin-bottom:8px}.member-rules-list li:last-child{margin-bottom:0}.member-rules-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--primary-color);border-radius:50%}@media (max-width: 600px){.member-rules-row{flex-direction:column}.member-rules-label{width:100%;border-right:none;border-bottom:1px solid #e8e8e8;padding:14px 16px}.member-rules-content{padding:14px 16px}.member-rules-card{padding:20px 16px}}.invite-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;max-width:none!important;margin:0!important;width:100vw;height:100vh}.invite-modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.invite-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eee;background:#fff;flex-shrink:0}.invite-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.invite-modal .modal-header .close-btn{background:#0000000f!important;border:none;font-size:28px;cursor:pointer;color:#666!important;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.invite-modal .modal-header .close-btn:hover{background:#0000001a!important;color:#333!important}.invite-modal .modal-content{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px;background:#fff;border-radius:0!important;box-shadow:none!important;animation:none!important;max-width:none!important;width:100%!important;box-sizing:border-box!important;min-width:0}.invite-modal .modal-content::-webkit-scrollbar{width:0;height:0;display:none}.invite-modal .modal-content{-ms-overflow-style:none;scrollbar-width:none}.invite-modal .invite-info-section{display:flex;flex-direction:column;gap:16px}.invite-modal .invite-stats{display:flex;align-items:center;justify-content:center;gap:60px;padding:24px 32px;background:linear-gradient(135deg,#2196f3,#1a2980);border-radius:12px}.invite-modal .stat-item{display:flex;flex-direction:column;align-items:center;color:#fff}.invite-modal .stat-value{font-size:32px;font-weight:700}.invite-modal .stat-label{font-size:13px;opacity:.9;margin-top:6px}.invite-modal .stat-divider{width:1px;height:48px;background:#ffffff4d}.invite-modal .invite-code-section{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:0;overflow:hidden}.invite-modal .code-row{display:flex;align-items:center;gap:16px;padding:16px 20px}.invite-modal .code-row:not(:last-child){border-bottom:1px solid #f0f0f0}.invite-modal .code-row .label{font-size:14px;color:#666;white-space:nowrap;min-width:80px}.invite-modal .code-value{flex:1;font-size:18px;font-weight:600;color:#333;font-family:Consolas,Monaco,monospace;letter-spacing:1px}.invite-modal .link-value{flex:1;font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-modal .copy-btn{background:#4285f4;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .2s}.invite-modal .copy-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.invite-modal .copy-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.invite-modal .reward-info{text-align:center;padding:12px 16px;background:#fff8e1;border-radius:8px;font-size:14px;color:#666}.invite-modal .reward-info strong{color:#f5a623;font-weight:600}.invite-modal .bind-invite-section{background:#fff;border-radius:12px;padding:16px 20px;border:1px solid #e5e7eb}.invite-modal .bind-invite-section .code-row{border:none;padding:0}.invite-modal .bound-tag{font-size:13px;color:#1a73e880;font-weight:500;margin-left:auto;margin-right:12px}.invite-modal .bind-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.invite-modal .bind-input:focus{border-color:#4f46e5}.invite-modal .bind-btn{background:#1a73e8!important;color:#fff!important}.invite-modal .bind-btn:disabled{opacity:.5;cursor:not-allowed}.invite-modal .bind-result{margin-top:8px;font-size:13px;padding:6px 10px;border-radius:6px}.invite-modal .bind-result.success{color:#16a34a;background:#f0fdf4}.invite-modal .bind-result.error{color:#dc2626;background:#fef2f2}.invite-modal .invite-rules{margin-top:12px;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.invite-modal .invite-rules-title{font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.invite-modal .invite-rules-list{margin:0;padding-left:18px;font-size:12px;color:#6b7280;line-height:1.8}.invite-modal .invite-rules-list li{margin-bottom:4px}.invite-modal .invite-rules-list li:last-child{margin-bottom:0}.invite-modal .invite-records-section{display:flex;flex-direction:column}.invite-modal .records-header{font-size:15px;font-weight:600;color:#333;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.invite-modal .records-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;width:100%;box-sizing:border-box;align-items:start}.invite-modal .records-list::-webkit-scrollbar{display:none}.invite-modal .records-list{-ms-overflow-style:none;scrollbar-width:none}.invite-modal .empty-state{display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;padding:40px 0;background:transparent;border:none;box-shadow:none}.invite-modal .record-item{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px;background:#fff;border:none;border-radius:8px;box-shadow:inset 0 0 0 1px #e8e8e8}.invite-modal .record-left{display:flex;flex-direction:column;gap:4px}.invite-modal .record-title{font-size:14px;font-weight:600;color:#333}.invite-modal .record-subtitle{font-size:12px;color:#999}.invite-modal .record-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.invite-modal .record-reward{font-size:15px;font-weight:700;color:#1a73e8!important}.invite-modal .record-time{font-size:12px;color:#999}.invite-modal .records-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:16px;font-size:13px;color:#666}.invite-modal .records-pagination .page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:13px;color:#666;transition:all .2s}.invite-modal .records-pagination .page-btn:hover:not(:disabled){border-color:#2196f3;color:#2196f3}.invite-modal .records-pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.invite-modal .records-pagination .page-btn.active{background:#333;color:#fff;border-color:#333}.invite-modal .records-pagination .page-input{width:48px;height:32px;text-align:center;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;outline:none}.invite-modal .records-pagination .page-size-select{height:32px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;color:#333;outline:none;cursor:pointer;background:#fff}.invite-modal .error-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0;color:#999;font-size:14px}.invite-modal .error-state button{background:none;border:1px solid #d9d9d9;border-radius:4px;padding:4px 12px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.invite-modal .error-state button:hover{border-color:#2196f3;color:#2196f3}.redeem-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px 20px;max-width:none!important;margin:0!important;width:100vw;height:100vh}.redeem-modal{position:relative;background:#f5f5f5;border-radius:16px;width:100%;max-width:600px;max-height:calc(100vh - 80px);overflow:hidden;display:flex;flex-direction:column;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.redeem-modal .modal-content{border-radius:0!important;box-shadow:none!important;animation:none!important;max-width:none!important;width:100%!important}.redeem-modal .redeem-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.redeem-modal .redeem-modal-close:hover{background:#ffffff4d}.redeem-modal .redeem-modal-body{flex:1;overflow-y:auto;padding:0}.redeem-modal .redeem-modal-body::-webkit-scrollbar{width:0;height:0;display:none}.redeem-modal .redeem-modal-body{-ms-overflow-style:none;scrollbar-width:none}.redeem-modal .redeem-gradient-card{background:var(--primary-color);padding:42px 34px 40px;margin:-2px -2px 0;color:#fff}.redeem-modal .redeem-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.redeem-modal .redeem-icon{width:28px;height:28px;stroke:#fff;flex-shrink:0}.redeem-modal .redeem-header h2{font-size:24px;font-weight:700;margin:0;color:#fff}.redeem-modal .redeem-desc{font-size:14px;opacity:.9;margin:0 0 32px}.redeem-modal .redeem-input-wrap{display:flex;gap:12px}.redeem-modal .redeem-input{flex:1;padding:16px 20px;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:12px;background:#fffffff2;color:#333;outline:none;transition:all .3s}.redeem-modal .redeem-input::placeholder{color:#999;font-weight:400;letter-spacing:0;text-transform:none}.redeem-modal .redeem-input:focus{background:#fff;box-shadow:0 0 0 3px #ffffff4d}.redeem-modal .redeem-input:disabled{background:#ffffffb3}.redeem-modal .redeem-btn{padding:16px 32px;font-size:16px;font-weight:600;background:#fff;color:#4285f4;border:none;border-radius:12px;cursor:pointer;transition:all .3s;white-space:nowrap}.redeem-modal .redeem-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.redeem-modal .redeem-btn:disabled{opacity:.7;cursor:not-allowed}.redeem-modal .redeem-result{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;border-radius:12px;background:#ffffff26}.redeem-modal .redeem-result.success{background:#52c41a33}.redeem-modal .redeem-result.error{background:#ff4d4f33}.redeem-modal .result-icon{font-size:32px}.redeem-modal .result-content{display:flex;flex-direction:column;gap:4px}.redeem-modal .result-message{font-size:16px;font-weight:500;color:#fff}.redeem-modal .result-reward{font-size:14px;opacity:.9;color:#fff}.redeem-modal .redeem-tips-card{background:#fff;border-radius:16px;padding:24px;margin:24px;box-shadow:0 2px 12px #0000000d}.redeem-modal .redeem-tips-card h3{font-size:16px;color:#333;margin:0 0 16px;font-weight:600}.redeem-modal .tips-list{margin:0;padding-left:20px}.redeem-modal .tips-list li{font-size:14px;color:#666;line-height:2}.redeem-modal .redeem-history-card{background:#fff;border-radius:16px;padding:24px;margin:0 24px 24px;box-shadow:0 2px 12px #0000000d}.redeem-modal .redeem-history-card h3{font-size:16px;color:#333;margin:0 0 20px;font-weight:600}.redeem-modal .redeem-history-list{display:flex;flex-direction:column;gap:12px}.redeem-modal .history-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:12px}.redeem-modal .history-info{display:flex;flex-direction:column;gap:4px}.redeem-modal .history-code{font-size:16px;font-weight:600;font-family:monospace;color:#333;letter-spacing:1px}.redeem-modal .history-time{font-size:12px;color:#999}.redeem-modal .history-reward{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.redeem-modal .reward-type{font-size:12px;color:#666}.redeem-modal .reward-value{font-size:18px;font-weight:700;color:#1a73e8}.redeem-modal .reward-bonus{display:block;font-size:12px;color:#f63;font-weight:500;margin-top:2px}.redeem-modal .redeem-empty-state,.redeem-modal .redeem-loading-state{text-align:center;padding:40px;color:#999}.redeem-modal .redeem-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.redeem-modal .redeem-empty-state .empty-icon{font-size:48px;opacity:.5}.redeem-modal .redeem-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:13px;color:#666}.redeem-modal .redeem-pagination .page-btn{min-width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;color:#333;display:flex;align-items:center;justify-content:center;transition:all .2s}.redeem-modal .redeem-pagination .page-btn:hover:not(:disabled){border-color:#2196f3;color:#2196f3}.redeem-modal .redeem-pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.redeem-modal .redeem-pagination .page-btn.active{background:#333;color:#fff;border-color:#333}.redeem-modal .redeem-pagination .page-input{width:48px;height:32px;text-align:center;border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none}.redeem-modal .redeem-pagination .page-input:focus{border-color:var(--primary-color)}@media (max-width: 480px){.redeem-modal-overlay{padding:20px 16px}.redeem-modal .redeem-gradient-card{padding:32px 20px}.redeem-modal .redeem-input-wrap{flex-direction:column}.redeem-modal .redeem-btn{width:100%}.redeem-modal .redeem-input{text-align:center}.redeem-modal .redeem-tips-card,.redeem-modal .redeem-history-card{margin:16px;padding:20px}.redeem-modal .redeem-history-card{margin-bottom:16px}}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121c7a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;animation:payment-modal-fade-in .2s ease}.payment-modal{position:relative;background:#fff;border-radius:18px;width:480px;max-width:100%;box-shadow:0 24px 60px #1418282e,0 2px 8px #1418280f;overflow:hidden;padding:28px 28px 22px;animation:payment-modal-zoom-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes payment-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes payment-modal-zoom-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.payment-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;background:transparent;border:none;color:#9aa0ad;font-size:22px;line-height:1;border-radius:50%;cursor:pointer;transition:background .15s,color .15s;z-index:2}.payment-modal-close:hover{background:#f3f4f7;color:#333}.payment-modal-title{margin-bottom:16px}.payment-modal-title h3{margin:0 0 8px;font-size:24px;font-weight:700;color:#1a1d29;letter-spacing:-.2px;line-height:1.25}.payment-modal-subtitle{display:flex;align-items:baseline;gap:10px;font-size:13px}.subtitle-label{color:#8a8f9c}.subtitle-date{color:#1a1d29;font-weight:600;letter-spacing:.2px}.payment-modal-notice{display:flex;gap:6px;padding:12px 14px;background:#f4f5f8;border-radius:10px;font-size:13px;line-height:1.6;color:#555968;margin-bottom:20px}.notice-dot{flex-shrink:0;font-weight:600;color:#555968}.notice-text{flex:1}.payment-modal-content{display:flex;gap:20px;align-items:flex-start}.payment-modal-left{flex-shrink:0}.payment-modal-right{flex:1;min-width:0;display:flex;flex-direction:column}.payment-qrcode-card{width:192px;height:192px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e8eaef;border-radius:12px;padding:10px;box-shadow:0 2px 10px #1418280d}.payment-qrcode-placeholder{width:192px;height:192px;display:flex;align-items:center;justify-content:center;background:#f8f9fb;border:1px dashed #d6d9e0;border-radius:12px;color:#9aa0ad;font-size:13px}.payment-alipay-card{width:192px;height:192px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(160deg,#f0f6ff,#e5efff);border-radius:12px;padding:16px}.payment-alipay-btn{width:100%;padding:12px 16px;background:#1677ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 4px 14px #1677ff40}.payment-alipay-btn:hover{background:#0e5ed7}.payment-alipay-btn:active{transform:translateY(1px)}.payment-alipay-hint{font-size:12px;color:#6a7186;text-align:center;line-height:1.5}.payment-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:12px;color:#ff5a00;line-height:1}.payment-price-symbol{font-size:22px;font-weight:600}.payment-price-value{font-size:40px;font-weight:700;letter-spacing:-1px}.payment-price-original{margin-left:4px;font-size:14px;color:#999;text-decoration:line-through;font-weight:400}.payment-price-tip{margin:0 0 14px;font-size:14px;font-weight:500;color:#1a1d29}.payment-agreement{margin:0 0 14px;font-size:12px;line-height:1.7;color:#8a8f9c}.payment-agreement-link{color:var(--primary-color, #1677ff);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.payment-agreement-link:hover{opacity:.85}.payment-status-line{min-height:18px;margin-top:auto;padding-top:4px;font-size:12px}.payment-countdown{color:#ff7a00;font-weight:500}.payment-status-text{font-weight:600}.payment-status-text.paid{color:#16a34a}.payment-status-text.expired{color:#ef4444}.payment-status-text.cancelled{color:#8a8f9c}.payment-order-no{margin-top:4px;font-size:11px;color:#b3b6c0;letter-spacing:.2px;word-break:break-all}.payment-modal-footer{display:flex;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #f0f1f4}.payment-btn{flex:1;padding:11px 0;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.payment-btn-primary{background:var(--primary-color, #1677ff);color:#fff;box-shadow:0 4px 14px #1677ff2e}.payment-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.payment-btn-primary:disabled{background:#e2e4ea;color:#9aa0ad;cursor:not-allowed;box-shadow:none}.payment-btn-secondary{background:#fff;color:#555968;border:1px solid #dde0e6}.payment-btn-secondary:hover{background:#f7f8fa;color:#1a1d29;border-color:#c8ccd4}@media (max-width: 520px){.payment-modal{width:100%;padding:22px 18px 18px;border-radius:14px}.payment-modal-title h3{font-size:20px}.payment-modal-content{flex-direction:column;gap:16px;align-items:center}.payment-modal-right{width:100%;text-align:left}.payment-qrcode-card,.payment-qrcode-placeholder,.payment-alipay-card{width:200px;height:200px}}.points-center-page{min-height:100vh;background:#f5f5f5;padding:40px 20px}.points-center-page>*:not(.invite-modal-overlay):not(.redeem-modal-overlay):not(.sign-in-modal-overlay){max-width:1400px;margin-left:auto;margin-right:auto}.points-overview{background:#4285f4;border-radius:20px;padding:32px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden}.points-overview:before{display:none}.points-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.points-total .label{display:block;font-size:14px;opacity:.9;margin-bottom:8px}.points-total .value{font-size:48px;font-weight:700;letter-spacing:-1px}.points-actions{display:flex;gap:12px}.sign-in-btn,.recharge-btn{padding:12px 24px;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.sign-in-btn{background:#fff;color:#4285f4!important;border:none}.sign-in-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sign-in-btn:disabled{opacity:.8;cursor:not-allowed}.sign-in-btn.signed{background:#fff3;color:#fff!important}.recharge-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.recharge-btn:hover{background:#ffffff4d}.points-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.breakdown-item{display:flex;flex-direction:column;align-items:center;gap:6px}.type-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ffffffe6}.type-icon svg{width:100%;height:100%}.type-name{font-size:12px;opacity:.8}.type-value{font-size:18px;font-weight:600}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.action-card{background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:all .3s;box-shadow:0 2px 12px #0000000d;cursor:pointer}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.action-card .icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#333}.action-card .icon svg{width:100%;height:100%}.action-card .title{font-size:16px;font-weight:600;color:#333}.action-card .desc{font-size:12px;color:#999}.packages-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000d}.packages-section h3{font-size:20px;font-weight:700;color:transparent;background:linear-gradient(135deg,#4096ff,#1677ff);-webkit-background-clip:text;background-clip:text;margin:0 0 20px 6px;display:flex;align-items:center;gap:10px}.packages-section h3 span{font-size:12px;font-weight:500;color:#fff;background:linear-gradient(135deg,#4096ff,#1677ff);padding:3px 10px;border-radius:20px;letter-spacing:.5px;margin-left:-6px}.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-card{background:linear-gradient(145deg,#fff,#f8f9ff);border:1px solid #e8ecf4;border-radius:16px;padding:24px 20px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.package-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#4285f4;opacity:0;transition:opacity .3s ease}.package-card:hover{border-color:#4285f4;transform:translateY(-4px);box-shadow:0 12px 24px #4285f426}.package-card:hover:before{opacity:1}.package-name{font-size:13px;font-weight:600;color:#4285f4!important;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}.package-points{font-size:32px;font-weight:800;color:#1a1a2e;line-height:1.2;position:relative;display:inline-block;margin-bottom:8px}.package-label{position:absolute;top:0;right:-30px;font-size:10px;color:#fff;background:#222;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:1px}.package-bonus{font-size:12px;color:#ff4d4f;margin-bottom:8px}.package-price{font-size:20px;font-weight:700;color:#4285f4!important;margin-bottom:16px}.price-symbol{font-size:13px;font-weight:600;margin-right:1px}.buy-btn{width:100%;padding:10px 16px;background:#4285f4!important;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.buy-btn:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 12px #4285f466}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.records-header h3{font-size:18px;color:#333;margin:0}.tabs{display:flex;gap:8px}.tabs button{padding:6px 16px;background:#f5f5f5;border:none;border-radius:16px;font-size:14px;color:#666;cursor:pointer;transition:all .3s}.tabs button.active{background:#4285f4!important;color:#fff}.date-filter{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.date-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.date-shortcut-btn{padding:5px 12px;border:1px solid #e0e0e0;border-radius:16px;background:#fff;font-size:12px;color:#555;cursor:pointer;transition:all .2s}.date-shortcut-btn:hover{border-color:#4285f4;color:#4285f4;background:#f0f5ff}.date-range-row{display:flex;align-items:center;gap:12px}.date-range-box{display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;background:#fff;padding:0 12px;height:40px;min-width:420px;position:relative;z-index:10}.date-range-box:focus-within{border-color:#4285f4}.date-input-wrapper{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex:1;padding:4px 8px;border-radius:4px;transition:background .2s}.date-input-wrapper:hover{background:#f5f5f5}.date-input-wrapper.active{background:#e8f0fe}.date-text{font-size:14px;color:#333;white-space:nowrap;padding:4px 0}.date-text.placeholder{color:#bbb}.date-separator{color:#999;font-size:14px;padding:0 8px;flex-shrink:0}.date-range-icon{font-size:16px;opacity:.5;flex-shrink:0;margin-left:4px;cursor:pointer;transition:opacity .2s}.date-range-icon:hover{opacity:.8}.clear-date-btn{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.clear-date-btn:hover{background:#f5f5f5;border-color:#ccc}.points-center-page .records-list{min-height:200px;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px}.points-center-page .record-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-radius:10px;border:1px solid #eee}.points-center-page .record-item:last-child{border-bottom:none}.points-center-page .record-info{display:flex;flex-direction:column;gap:4px}.points-center-page .record-type{font-size:15px;font-weight:600;color:#333}.points-center-page .record-desc{font-size:13px;color:#888}.points-center-page .record-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.points-center-page .record-amount{font-size:18px;font-weight:700}.points-center-page .record-amount.positive{color:#1a73e8}.points-center-page .record-amount.negative{color:#ff5a00}.points-center-page .record-time{font-size:12px;color:#aaa}.records-tip{grid-column:1 / -1;background:#fff7e6;border:1px solid #ffd591;border-radius:8px;padding:12px 16px;color:#d46b08;font-size:13px;text-align:center;margin-bottom:16px}.points-center-page .empty-state,.points-center-page .loading-state{text-align:center;padding:40px;color:#999;font-size:14px;grid-column:1 / -1}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:16px 0;grid-column:1 / -1}.pagination-info{font-size:14px;color:#666}.pagination-size{position:relative}.page-size-btn{padding:4px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:14px;color:#333;cursor:pointer}.page-size-btn:hover{border-color:#4096ff;color:#4096ff}.page-size-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:10;min-width:100%}.page-size-option{padding:6px 12px;font-size:14px;cursor:pointer;white-space:nowrap}.page-size-option:hover{background:#f5f5f5}.page-size-option.active{color:#4096ff;font-weight:500}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-pages button{min-width:32px;height:32px;padding:0 8px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.pagination-pages button:hover:not(:disabled){border-color:#4285f4;color:#4285f4}.pagination-pages button.active{background:#333;border-color:#333;color:#fff}.pagination-pages button:disabled{color:#d9d9d9;cursor:not-allowed}.pagination-jump{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.pagination-jump input{width:50px;height:32px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:14px}.pagination-jump input:focus{border-color:#4285f4;outline:none}.load-more-btn{display:block;width:100%;padding:12px;background:#f5f5f5;border:none;border-radius:8px;color:#666;font-size:14px;cursor:pointer;margin-top:16px;transition:all .3s}.sign-in-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.sign-in-modal{background:#fff;border-radius:20px;padding:48px 40px 36px;text-align:center;width:90%;max-width:360px;min-width:300px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.sign-in-icon{font-size:56px;margin-bottom:20px}.sign-in-message{font-size:18px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.4}.sign-in-points{font-size:36px;font-weight:800;color:#4285f4!important;margin-bottom:28px}.sign-in-modal .close-btn{width:100%;align-self:stretch;padding:14px;background:#4285f4!important;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;letter-spacing:2px}.sign-in-modal .close-btn:hover{opacity:.9}.date-calendar-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:16px;z-index:1000;min-width:280px;-webkit-user-select:none;user-select:none}.date-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.date-calendar-nav{width:28px;height:28px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;transition:all .2s}.date-calendar-nav:hover{background:#e0e0e0;color:#333}.date-calendar-title{font-size:15px;font-weight:600;color:#333}.date-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.date-calendar-weekday{text-align:center;font-size:12px;color:#999;padding:4px 0}.date-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-calendar-day{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:13px;color:#333;border-radius:50%;cursor:pointer;transition:all .15s}.date-calendar-day:hover:not(.disabled):not(.other-month){background:#f0f5ff}.date-calendar-day.other-month{color:#ccc;cursor:default}.date-calendar-day.disabled{color:#ddd;cursor:not-allowed}.date-calendar-day.today{background:#4285f4;color:#fff;font-weight:600}.date-calendar-day.today:hover{background:#3b78dc}.date-calendar-day.selected{background:#4285f4;color:#fff;font-weight:600}.date-calendar-day.in-range{background:#e8f0fe;border-radius:0}.date-calendar-day.in-range:first-child,.date-calendar-day.selected{border-radius:50%}.date-calendar-footer{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #eee}.date-calendar-months{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0}.date-calendar-month-item{display:flex;align-items:center;justify-content:center;padding:10px 0;border-radius:8px;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.date-calendar-month-item:hover{background:#f0f5ff;color:#4285f4}.date-calendar-month-item.active{background:#4285f4;color:#fff}.date-calendar-title:hover{color:#4285f4}.date-calendar-link{font-size:13px;color:#4285f4;cursor:pointer;transition:color .2s}.date-calendar-link:hover{color:#3b78dc;text-decoration:underline}@media (max-width: 768px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.points-main{flex-direction:column;gap:20px;text-align:center}.points-breakdown{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr}.points-center-page .records-list{grid-template-columns:1fr!important}}@media (max-width: 480px){.packages-grid{grid-template-columns:1fr}}.points-rules-section{margin-top:24px;margin-bottom:24px}.points-rules-tip{background:#f5f5f5;border-left:3px solid #4285f4;border-radius:6px;padding:14px 18px;font-size:13px;color:#666;display:flex;align-items:center;gap:8px;margin-bottom:20px}.points-rules-tip-icon{font-size:16px;flex-shrink:0}.points-rules-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000d}.points-rules-title{font-size:20px;font-weight:600;color:#333;margin:0 0 12px;text-align:center}.points-rules-subtitle{font-size:14px;color:#666;text-align:center;margin:0 0 24px;line-height:1.6}.points-rules-table{border:1px solid #e8e8e8;border-radius:12px;overflow:hidden}.points-rules-row{display:flex;border-bottom:1px solid #e8e8e8}.points-rules-row:last-child{border-bottom:none}.points-rules-label{width:140px;flex-shrink:0;background:#f9f9f9;padding:18px 16px;font-size:14px;font-weight:600;color:#333;border-right:1px solid #e8e8e8;display:flex;align-items:flex-start}.points-rules-content{flex:1;padding:18px 20px;font-size:14px;color:#555;line-height:1.7}.points-rules-list{margin:0;padding:0;list-style:none}.points-rules-list li{position:relative;padding-left:16px;margin-bottom:8px}.points-rules-list li:last-child{margin-bottom:0}.points-rules-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:#4285f4;border-radius:50%}@media (max-width: 600px){.points-rules-row{flex-direction:column}.points-rules-label{width:100%;border-right:none;border-bottom:1px solid #e8e8e8;padding:14px 16px}.points-rules-content{padding:14px 16px}.points-rules-card{padding:20px 16px}}.points-method-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:points-method-fade-in .18s ease}@keyframes points-method-fade-in{0%{opacity:0}to{opacity:1}}.points-method-modal{position:relative;background:#fff;border-radius:18px;width:420px;max-width:92vw;padding:28px;box-shadow:0 20px 60px #0003;animation:points-method-zoom-in .18s ease}@keyframes points-method-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.points-method-close{position:absolute;top:18px;right:20px;background:none;border:none;font-size:24px;line-height:1;color:#999;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.points-method-close:hover{background:#f5f5f5;color:#333}.points-method-title h3{margin:0 0 4px;font-size:20px;font-weight:700;color:#1a1a1a}.points-method-subtitle{font-size:13px;color:#999;margin-bottom:18px}.points-method-package{background:#f4f5f8;border-radius:10px;padding:14px 16px;margin-bottom:20px}.points-method-pkg-name{font-size:14px;color:#333;margin-bottom:6px;font-weight:500}.points-method-pkg-points{margin-left:8px;font-size:13px;color:#666;font-weight:400}.points-method-bonus{color:#ff7a00;margin-left:6px;font-weight:600}.points-method-pkg-price{display:flex;align-items:baseline;gap:2px}.points-method-price-symbol{font-size:18px;font-weight:600;color:#ff5a00}.points-method-price-value{font-size:32px;font-weight:700;color:#ff5a00}.points-method-price-original{font-size:14px;color:#999;text-decoration:line-through;margin-left:8px}.points-method-options{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.points-method-option{flex:1 1 calc(50% - 5px);min-width:120px;padding:12px 14px;border:1.5px solid #e8e8e8;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:10px;background:#fff;transition:all .15s ease}.points-method-option:hover{border-color:#bbb}.points-method-option.active{border-color:var(--primary-color, #1677ff);background:#1677ff0a}.points-method-radio{width:18px;height:18px;border-radius:50%;border:2px solid #d9d9d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s}.points-method-option.active .points-method-radio{border-color:var(--primary-color, #1677ff)}.points-method-radio-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-color, #1677ff)}.points-method-label{font-size:14px;color:#333;font-weight:500}.points-method-empty{width:100%;text-align:center;color:#999;font-size:13px;padding:20px 0}.points-method-footer{display:flex;gap:10px}.points-method-btn{flex:1;padding:12px 0;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.points-method-btn-primary{background:var(--primary-color, #1677ff);color:#fff;box-shadow:0 4px 12px #1677ff4d}.points-method-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.points-method-btn-primary:disabled{background:#d9d9d9;box-shadow:none;cursor:not-allowed;opacity:.6}.points-method-btn-secondary{background:#fff;color:#666;border:1px solid #d9d9d9}.points-method-btn-secondary:hover:not(:disabled){background:#f5f5f5;color:#333}.points-method-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.invite-page{max-width:600px;margin:0 auto;padding:40px 20px}.invite-stats-card{background:var(--primary-color);border-radius:20px;padding:40px 32px;color:#fff;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}.stats-bg{position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.invite-stats-card h2{font-size:24px;font-weight:700;margin:0 0 12px;position:relative}.stats-desc{font-size:14px;opacity:.9;margin:0 0 32px;position:relative}.stats-row{display:flex;justify-content:center;gap:48px;position:relative}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-value{font-size:36px;font-weight:700}.stat-label{font-size:14px;opacity:.8}.stat-divider{width:1px;background:#ffffff4d}.invite-code-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.code-card,.link-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 12px #0000000d}.code-label,.link-label{font-size:14px;color:#666;white-space:nowrap}.code-value{flex:1;font-size:24px;font-weight:700;color:var(--primary-color);letter-spacing:4px}.link-value{flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s;white-space:nowrap}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.share-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000d}.share-section h3{font-size:16px;color:#333;margin:0 0 20px}.share-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.share-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f8f9fa;border:none;border-radius:12px;cursor:pointer;transition:all .3s}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-btn .icon{font-size:28px}.share-btn span:last-child{font-size:12px;color:#666}.share-btn.wechat:hover{background:#07c160;color:#fff}.share-btn.wechat:hover span{color:#fff}.share-btn.weibo:hover{background:#e6162d;color:#fff}.share-btn.weibo:hover span{color:#fff}.share-btn.qq:hover{background:#1296db;color:#fff}.share-btn.qq:hover span{color:#fff}.share-btn.copy:hover{background:var(--primary-color);color:#fff}.share-btn.copy:hover span{color:#fff}.rules-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000d}.rules-section h3{font-size:16px;color:#333;margin:0 0 20px}.rules-list{display:flex;flex-direction:column;gap:20px}.rule-item{display:flex;align-items:flex-start;gap:16px}.rule-icon{width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.rule-content{display:flex;flex-direction:column;gap:4px}.rule-title{font-size:14px;font-weight:600;color:#333}.rule-desc{font-size:13px;color:#666}.rule-desc strong{color:var(--primary-color);font-weight:600}.records-section h3{font-size:16px;color:#333;margin:0 0 20px}.invite-page .records-list{display:flex;flex-direction:column;gap:12px}.invite-page .record-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px}.invite-page .record-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.invite-page .record-avatar img{width:100%;height:100%;object-fit:cover}.invite-page .record-avatar span{color:#fff;font-size:18px;font-weight:600}.invite-page .record-info{flex:1;display:flex;flex-direction:column;gap:4px}.invite-page .record-name{font-size:14px;font-weight:500;color:#333}.invite-page .record-time{font-size:12px;color:#999}.invite-page .record-reward{display:flex;flex-direction:column;align-items:center;gap:2px}.invite-page .reward-value{font-size:18px;font-weight:700;color:var(--primary-color)}.invite-page .reward-label{font-size:12px;color:#999}.invite-page .empty-state,.invite-page .loading-state{text-align:center;padding:40px;color:#999}.invite-page .empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.invite-page .empty-icon{font-size:48px;opacity:.5}@media (max-width: 480px){.stats-row{gap:24px}.stat-value{font-size:28px}.share-buttons{grid-template-columns:repeat(2,1fr)}.code-card,.link-card{flex-direction:column;text-align:center}.code-value,.link-value{width:100%}}.redeem-page{max-width:600px;margin:0 auto;padding:40px 20px}.redeem-card{background:var(--primary-color);border-radius:20px;padding:40px 32px;color:#fff;margin-bottom:24px}.redeem-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.redeem-header .icon{width:28px;height:28px;stroke:#fff;flex-shrink:0}.redeem-header h2{font-size:24px;font-weight:700;margin:0}.redeem-desc{font-size:14px;opacity:.9;margin:0 0 32px}.redeem-input-wrap{display:flex;gap:12px}.redeem-input{flex:1;padding:16px 20px;font-size:18px;font-weight:500;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:12px;background:#fffffff2;color:#333;outline:none;transition:all .3s}.redeem-input::placeholder{color:#999;font-weight:400;letter-spacing:0;text-transform:none}.redeem-input:focus{background:#fff;box-shadow:0 0 0 3px #ffffff4d}.redeem-input:disabled{background:#ffffffb3}.redeem-btn{padding:16px 32px;font-size:16px;font-weight:600;background:#fff;color:var(--primary-color);border:none;border-radius:12px;cursor:pointer;transition:all .3s;white-space:nowrap}.redeem-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.redeem-btn:disabled{opacity:.7;cursor:not-allowed}.redeem-result{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;border-radius:12px;background:#ffffff26}.redeem-result.success{background:#52c41a33}.redeem-result.error{background:#ff4d4f33}.result-icon{font-size:32px}.result-content{display:flex;flex-direction:column;gap:4px}.result-message{font-size:16px;font-weight:500}.result-reward{font-size:14px;opacity:.9}.tips-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000d}.tips-section h3{font-size:16px;color:#333;margin:0 0 16px}.tips-list{margin:0;padding-left:20px}.tips-list li{font-size:14px;color:#666;line-height:2}.history-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000d}.history-section h3{font-size:16px;color:#333;margin:0 0 20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:12px}.history-info{display:flex;flex-direction:column;gap:4px}.history-code{font-size:16px;font-weight:600;font-family:monospace;color:#333;letter-spacing:1px}.history-time{font-size:12px;color:#999}.history-reward{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.reward-type{font-size:12px;color:#666}.reward-value{font-size:18px;font-weight:700;color:var(--primary-color)}.redeem-page .empty-state,.redeem-page .loading-state{text-align:center;padding:40px;color:#999}.redeem-page .empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.redeem-page .empty-icon{font-size:48px;opacity:.5}@media (max-width: 480px){.redeem-input-wrap{flex-direction:column}.redeem-btn{width:100%}.redeem-input{text-align:center}}.consumption-page{max-width:800px;margin:0 auto;padding:40px 20px}.stats-card{display:flex;justify-content:space-around;align-items:center;background:var(--primary-color);border-radius:20px;padding:32px;color:#fff;margin-bottom:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-label{font-size:14px;opacity:.9}.stat-value{font-size:28px;font-weight:700}.stat-value.highlight{color:gold}.stat-value.positive{color:#52c41a}.stat-value.negative{color:#ff6b6b}.stat-divider{width:1px;height:40px;background:#fff3}.quick-nav{display:flex;gap:16px;margin-bottom:24px}.quick-nav .nav-item{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff;border-radius:12px;text-decoration:none;color:#333;font-weight:500;transition:all .3s;box-shadow:0 2px 12px #0000000d}.quick-nav .nav-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.quick-nav .nav-item .icon{font-size:20px}.records-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000d}.records-section h3{font-size:18px;color:#333;margin:0 0 20px}.consumption-page .records-list{min-height:300px}.consumption-page .record-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0}.consumption-page .record-item:last-child{border-bottom:none}.consumption-page .record-left{display:flex;flex-direction:column;gap:4px}.consumption-page .record-type{font-size:14px;font-weight:500;color:#333}.consumption-page .record-desc{font-size:13px;color:#666}.consumption-page .record-time{font-size:12px;color:#999}.consumption-page .record-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.consumption-page .record-amount{font-size:18px;font-weight:600}.consumption-page .record-amount.positive{color:#52c41a}.consumption-page .record-amount.negative{color:#ff4d4f}.consumption-page .record-balance{font-size:12px;color:#999}.consumption-page .empty-state,.consumption-page .loading-state{text-align:center;padding:60px 20px;color:#999}.consumption-page .empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.consumption-page .empty-icon{font-size:48px;opacity:.5}@media (max-width: 600px){.stats-card{flex-direction:column;gap:20px;padding:24px}.stat-divider{width:80%;height:1px}.quick-nav{flex-direction:column}}.orders-page{max-width:800px;margin:0 auto;padding:40px 20px}.page-header h1{font-size:24px;color:#333;margin:0}.link-btn{color:var(--primary-color);text-decoration:none;font-size:14px}.link-btn:hover{text-decoration:underline}.tabs{display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.tabs button{padding:8px 20px;background:#f5f5f5;border:none;border-radius:20px;font-size:14px;color:#666;cursor:pointer;transition:all .3s}.tabs button:hover{background:#eee}.tabs button.active{background:var(--primary-color);color:#fff}.orders-list{min-height:400px}.order-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #0000000d;transition:all .3s}.order-card:hover{box-shadow:0 4px 20px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.order-no{font-size:13px;color:#999;font-family:monospace}.order-status{font-size:14px;font-weight:500}.order-body{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.order-info{display:flex;flex-direction:column;gap:6px}.order-type{font-size:12px;color:var(--primary-color);background:rgba(var(--primary-rgb),.1);padding:2px 8px;border-radius:4px;width:fit-content}.order-name{font-size:16px;font-weight:500;color:#333}.order-desc{font-size:13px;color:#666}.order-amount{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.amount-value{font-size:20px;font-weight:700;color:#ff4d4f}.amount-original{font-size:14px;color:#999;text-decoration:line-through}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}.order-time{font-size:13px;color:#999}.order-actions{display:flex;gap:8px}.action-btn{padding:6px 16px;font-size:13px;border-radius:6px;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.action-btn.primary{background:var(--primary-color);color:#fff;border:none}.action-btn.primary:hover{opacity:.9}.action-btn.cancel{background:#fff;color:#ff4d4f;border:1px solid #ff4d4f}.action-btn.cancel:hover{background:#fff5f5}.action-btn:not(.primary):not(.cancel){background:#f5f5f5;color:#666;border:none}.action-btn:not(.primary):not(.cancel):hover{background:#eee}.orders-page .empty-state{text-align:center;padding:80px 20px;color:#999;display:flex;flex-direction:column;align-items:center;gap:16px}.orders-page .empty-icon{font-size:64px;opacity:.5}.orders-page .empty-actions{display:flex;gap:12px;margin-top:16px}.orders-page .loading-state{text-align:center;padding:40px;color:#999}.load-more-btn{display:block;width:100%;padding:14px;margin-top:16px;background:#f5f5f5;border:none;border-radius:8px;color:#666;font-size:14px;cursor:pointer;transition:all .3s}.load-more-btn:hover{background:#eee}.order-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.order-modal{background:#fff;border-radius:16px;width:90%;max-width:480px;max-height:80vh;overflow-y:auto}.modal-header h3{font-size:18px;color:#333;margin:0}.close-btn{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{background:#eee;color:#666}.modal-body{padding:24px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f5f5f5}.detail-row .label{font-size:14px;color:#999;flex-shrink:0}.detail-row .value{font-size:14px;color:#333;text-align:right;word-break:break-all}.detail-row .value.highlight{font-size:18px;font-weight:600;color:#ff4d4f}@media (max-width: 600px){.page-header{flex-direction:column;align-items:flex-start;gap:12px}.tabs{overflow-x:auto;padding-bottom:12px}.order-body{flex-direction:column;gap:12px}.order-amount{align-items:flex-start}.order-footer{flex-direction:column;gap:12px;align-items:flex-start}.order-actions{width:100%}.order-actions .action-btn{flex:1;text-align:center}}.legal-page{min-height:100vh;background:#f5f5f5;padding:40px 20px}.legal-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 12px #0000000d}.legal-container h1{font-size:28px;color:#333;text-align:center;margin:0 0 20px;font-weight:700}.update-time{text-align:left;color:#999;font-size:14px;margin-bottom:80px}.legal-container section{margin-bottom:32px}.legal-container h2{font-size:18px;color:#333;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.legal-container p{font-size:15px;color:#666;line-height:1.8;margin:0 0 12px}.legal-container ul{margin:0 0 12px;padding-left:24px}.legal-container li{font-size:15px;color:#666;line-height:2}.legal-container li strong{color:#333}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-color);padding:20px}.login-container{width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.login-header{padding:40px 40px 30px;text-align:center;background:linear-gradient(135deg,#f5f7fa,#e4e8eb)}.login-logo{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:12px}.login-header h1{font-size:22px;font-weight:600;color:#333;margin:0 0 8px}.login-header p{font-size:14px;color:#666;margin:0}.login-form{padding:30px 40px}.login-error{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#ff4d4f;font-size:14px}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.login-form input{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;color:#333;outline:none;transition:all .2s;box-sizing:border-box}.login-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.login-form input::placeholder{color:#bbb}.admin-login-page .login-btn{width:100%;padding:14px;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.admin-login-page .login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.admin-login-page .login-btn:active:not(:disabled){transform:translateY(0)}.admin-login-page .login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{padding:20px 40px;text-align:center;border-top:1px solid #f0f0f0;background:#fafafa}.login-footer p{margin:0;font-size:12px;color:#999}@media (max-width: 480px){.login-container{margin:0 10px}.login-header,.login-form,.login-footer{padding-left:24px;padding-right:24px}}.admin-layout{min-height:100vh;display:flex;flex-direction:column;background:#f0f2f5}.admin-header{height:60px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000f}.header-left{display:flex;align-items:center;gap:16px}.admin-logo{font-size:22px;font-weight:700;color:var(--primary-color)}.admin-title{font-size:16px;color:#333;font-weight:500;padding-left:16px;border-left:1px solid #e8e8e8}.header-right{display:flex;align-items:center;gap:16px}.user-name{font-size:14px;color:#666}.logout-btn{padding:6px 16px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.logout-btn:hover{border-color:#ff4d4f;color:#ff4d4f}.admin-body{display:flex;flex:1}.admin-sidebar{width:220px;background:#fff;border-right:1px solid #e8e8e8;flex-shrink:0}.sidebar-nav{padding:16px 0}.sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;padding:14px 24px;color:#333;text-decoration:none;font-size:14px;transition:all .2s;border-left:3px solid transparent}.sidebar-nav .nav-item:hover{background:#f5f7fa;color:var(--primary-color)}.sidebar-nav .nav-item.active{background:#f0f5ff;color:var(--primary-color);border-left-color:var(--primary-color);font-weight:500}.nav-icon{font-size:18px}.nav-text{flex:1}.nav-divider{height:1px;background:#e8e8e8;margin:12px 24px}.admin-main{flex:1;padding:24px;overflow-y:auto}.admin-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:24px;margin-bottom:24px}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.admin-card-title{font-size:16px;font-weight:600;color:#333;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000f}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px}.stat-card .stat-value{font-size:28px;font-weight:600;color:#333;margin-bottom:4px}.stat-card .stat-label{font-size:13px;color:#999}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-sidebar{display:none}.stats-grid{grid-template-columns:1fr}.admin-main{padding:16px}}.platform-manager{max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:20px;font-weight:600;color:#333;margin:0}.btn-primary{padding:10px 20px;background:var(--primary-color);border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.platform-list{display:grid;gap:16px}.platform-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;border:2px solid transparent;transition:all .2s}.platform-card:hover{box-shadow:0 4px 16px #0000001a}.platform-card.active{border-color:var(--primary-color);background:#f8f9ff}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.platform-name{font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.tag{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.tag.default{background:#f0f0f0;color:#666}.tag.active{background:#e6f7ff;color:#1890ff}.platform-actions{display:flex;gap:8px}.btn-text{padding:6px 12px;background:transparent;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.btn-text:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-text.danger:hover{border-color:#ff4d4f;color:#ff4d4f}.platform-info{display:grid;gap:8px}.info-row{display:flex;font-size:13px}.info-row .label{width:100px;color:#999;flex-shrink:0}.info-row .value{color:#333;word-break:break-all}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.modal-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;font-size:20px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e8e8e8;color:#333}.modal-content form{padding:24px}.form-group label{display:block;font-size:13px;color:#333;margin-bottom:6px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;outline:none;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-divider{font-size:13px;color:#999;margin:20px 0 16px;padding-bottom:8px;border-bottom:1px dashed #e8e8e8}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.btn-cancel{padding:10px 20px;background:#fff;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;color:#666;cursor:pointer}.btn-cancel:hover{border-color:var(--primary-color);color:var(--primary-color)}.workflow-manager{max-width:1200px}.workflow-list{display:grid;gap:16px}.workflow-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;transition:all .2s}.workflow-card:hover{box-shadow:0 4px 16px #0000001a}.workflow-card.disabled{opacity:.6;background:#fafafa}.workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.workflow-name{display:flex;align-items:center;gap:10px}.name-text{font-size:16px;font-weight:600;color:#333}.category-tag{font-size:11px;padding:3px 10px;border-radius:12px;font-weight:500}.category-tag.image{background:#e6f7ff;color:#1890ff}.category-tag.video{background:#f6ffed;color:#52c41a}.category-tag.audio{background:#fff7e6;color:#fa8c16}.category-tag.other{background:#f0f0f0;color:#666}.status-tag.disabled{font-size:11px;padding:3px 10px;border-radius:12px;background:#fff2f0;color:#ff4d4f}.workflow-actions{display:flex;gap:8px}.btn-toggle{padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-toggle.on{background:#fff7e6;border:1px solid #ffc53d;color:#d48806}.btn-toggle.on:hover{background:#fff1b8}.btn-toggle.off{background:#f6ffed;border:1px solid #95de64;color:#389e0d}.btn-toggle.off:hover{background:#d9f7be}.workflow-info{display:grid;gap:8px}.workflow-info .description{color:#666;font-size:13px;margin-bottom:4px}.workflow-manager .empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px}.workflow-manager .empty-state p{color:#999;margin-bottom:20px}.modal-content.large{max-width:600px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;font-family:monospace;outline:none;resize:vertical;box-sizing:border-box}.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.workflow-header{flex-direction:column;align-items:flex-start;gap:12px}}.user-manager{padding:20px}.filter-group select{min-width:140px}.search-btn:hover{background:var(--primary-hover)}.user-table-wrapper{background:#fff;border-radius:8px;overflow:hidden}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.user-table th{background:#fafafa;font-weight:500;color:#666;font-size:13px}.user-table td{font-size:14px;color:#333}.user-table .user-id{font-family:monospace;font-size:12px;color:#666}.user-table .loading,.user-table .empty{text-align:center;color:#999;padding:40px}.level-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;color:#fff}.pagination button:not(:disabled):hover{border-color:var(--primary-color);color:var(--primary-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-header h3{margin:0;font-size:18px;color:#333}.close-btn{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#999;cursor:pointer}.modal-body{padding:20px}.detail-section{margin-bottom:24px}.detail-section h4{font-size:14px;color:#666;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.detail-row{display:flex;padding:10px 0}.detail-row label{width:80px;color:#999;font-size:14px}.form-row{display:flex;align-items:center;margin-bottom:12px}.form-row label{width:60px;color:#666;font-size:14px}.form-row input,.form-row select{flex:1;padding:10px 12px;border:1px solid #e8e8e8;border-radius:6px;font-size:14px}.submit-btn{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:12px}.submit-btn:hover{background:var(--primary-hover)}.level-manager{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{font-size:22px;color:#333;margin:0}.add-btn{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.add-btn:hover{background:var(--primary-hover)}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.level-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.level-card.disabled{opacity:.6}.level-header{padding:16px;color:#fff;display:flex;justify-content:space-between;align-items:center}.level-name{font-size:18px;font-weight:500}.level-code{font-size:12px;opacity:.8}.level-body{padding:16px}.price-section{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.price-item{flex:1;text-align:center}.price-item .label{display:block;font-size:12px;color:#999;margin-bottom:4px}.price-item .value{font-size:16px;font-weight:500;color:#333}.quota-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.quota-item{display:flex;justify-content:space-between;font-size:13px}.quota-item .label{color:#999}.quota-item .value{color:#333}.feature-section{display:flex;gap:8px}.feature-tag{padding:4px 10px;background:#f5f5f5;color:#999;border-radius:12px;font-size:12px}.feature-tag.active{background:#e6f7ff;color:#1890ff}.level-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #f0f0f0}.level-footer .edit-btn,.level-footer .status-btn{flex:1;padding:8px;border-radius:4px;cursor:pointer;font-size:13px}.level-footer .edit-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.level-footer .edit-btn:hover{background:var(--primary-color);color:#fff}.level-footer .status-btn.enabled{background:transparent;border:1px solid #ff4d4f;color:#ff4d4f}.level-footer .status-btn.disabled{background:transparent;border:1px solid #52c41a;color:#52c41a}.level-edit-modal{max-width:600px}.level-edit-modal .modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;color:#666;margin-bottom:6px}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:10px 12px;border:1px solid #e8e8e8;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[type=color]{width:60px;height:36px;padding:2px;border:1px solid #e8e8e8;border-radius:6px}.form-row-2,.form-row-3{display:flex;gap:16px}.form-row-2 .form-group,.form-row-3 .form-group{flex:1}.checkbox-group{display:flex;gap:24px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.modal-footer .cancel-btn,.modal-footer .save-btn{padding:10px 24px;border-radius:6px;font-size:14px;cursor:pointer}.order-manager{padding:20px}.filter-bar{background:#fff;padding:16px;border-radius:8px;margin-bottom:20px}.filter-group{display:flex;gap:12px;flex-wrap:wrap}.filter-group input,.filter-group select{padding:10px 14px;border:1px solid #e8e8e8;border-radius:6px;font-size:14px}.filter-group input{width:180px}.search-btn{padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer}.order-table-wrapper{background:#fff;border-radius:8px;overflow:hidden}.order-table{width:100%;border-collapse:collapse}.order-table th,.order-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.order-table th{background:#fafafa;font-weight:500;color:#666;font-size:13px}.order-table .order-no{font-family:monospace;font-size:12px;color:#666}.order-table .amount{font-weight:500;color:#ff4d4f}.order-table .loading,.order-table .empty{text-align:center;color:#999;padding:40px}.status-badge{font-weight:500}.action-btn{padding:6px 12px;background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:4px;cursor:pointer;font-size:13px}.action-btn:hover{background:var(--primary-color);color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px}.pagination button{padding:8px 16px;border:1px solid #e8e8e8;background:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{color:#ccc;cursor:not-allowed}.order-detail-modal{max-width:500px}.order-detail-modal .modal-body{padding:20px}.detail-row{display:flex;padding:12px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-row label{width:100px;color:#999;font-size:14px}.detail-row span{flex:1;color:#333;font-size:14px}.detail-row .amount{color:#ff4d4f;font-weight:500}.order-detail-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.cancel-order-btn{padding:10px 20px;background:#fff;border:1px solid #ff4d4f;color:#ff4d4f;border-radius:6px;cursor:pointer}.confirm-btn{padding:10px 20px;background:#52c41a;border:none;color:#fff;border-radius:6px;cursor:pointer}.system-settings{padding:20px}.page-header h1{font-size:22px;color:#333;margin:0 0 20px}.settings-tabs{display:flex;gap:8px;margin-bottom:20px}.settings-tabs .tab-btn{padding:10px 24px;background:#fff;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;font-size:14px;color:#666}.settings-tabs .tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.settings-content{background:#fff;border-radius:8px;padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:16px;color:#333;margin:0}.add-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.provider-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.provider-card{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.provider-card.enabled{border-color:var(--primary-color)}.provider-header{padding:12px 16px;background:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.provider-name{font-weight:500;color:#333}.default-badge{padding:2px 8px;background:var(--primary-color);color:#fff;border-radius:10px;font-size:12px}.provider-body{padding:16px}.info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.info-row label{color:#999}.info-row span{color:#333}.provider-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e8e8e8}.provider-footer .edit-btn,.provider-footer .default-btn{flex:1;padding:8px;border-radius:4px;cursor:pointer;font-size:13px}.provider-footer .edit-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.provider-footer .default-btn{background:var(--primary-color);border:none;color:#fff}.pay-settings .section{margin-bottom:32px}.pay-settings .section h3{font-size:16px;color:#333;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.confirm-modes{display:flex;flex-direction:column;gap:12px}.confirm-modes label{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer}.confirm-modes label.active{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.confirm-modes input[type=radio]{margin-top:4px;accent-color:var(--primary-color)}.mode-content{display:flex;flex-direction:column}.mode-title{font-weight:500;color:#333;margin-bottom:4px}.mode-desc{font-size:13px;color:#999}.qrcode-uploads{display:flex;gap:24px}.qrcode-item{flex:1}.qrcode-item label{display:block;font-size:14px;color:#666;margin-bottom:8px}.qrcode-preview{width:160px;height:160px;border:1px dashed #e8e8e8;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}.qrcode-preview img{width:100%;height:100%;object-fit:cover}.qrcode-preview .placeholder{color:#ccc;font-size:14px}.qrcode-item input[type=file]{font-size:13px}.save-section{padding-top:20px;border-top:1px solid #f0f0f0}.save-section .save-btn{padding:12px 32px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.loading{text-align:center;padding:40px;color:#999}.modal .form-group{margin-bottom:16px}.modal .form-group label{display:block;font-size:14px;color:#666;margin-bottom:6px}.modal .form-group input,.modal .form-group select{width:100%;padding:10px 12px;border:1px solid #e8e8e8;border-radius:6px;font-size:14px;box-sizing:border-box}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.modal-footer .cancel-btn,.modal-footer .save-btn{padding:10px 24px;border-radius:6px;cursor:pointer}.modal-footer .cancel-btn{background:#fff;border:1px solid #e8e8e8;color:#666}.modal-footer .save-btn{background:var(--primary-color);border:none;color:#fff}.site-footer{background-color:#f5f5f7;padding:48px 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.footer-content{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:32px}.footer-column h4{font-size:15px;font-weight:600;color:#1d1d1f;margin:0 0 16px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#515154;text-decoration:none;font-size:13px;line-height:1.6;transition:color .2s ease}.footer-column ul li a:hover{color:#4285f4}.footer-column ul li span.footer-link-item:hover{color:#4285f4;cursor:pointer}.footer-column ul li span.footer-link-item:hover .footer-link-title{color:#4285f4}.footer-link-item{display:block}.footer-link-title{color:#515154;font-size:13px;font-weight:500}.footer-link-desc{color:#86868b;font-size:12px;margin-top:2px}.footer-column ul li a:hover .footer-link-title{color:#4285f4}.footer-social{display:flex;gap:16px;margin-top:12px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;cursor:pointer;transition:opacity .2s ease}.social-icon:hover{opacity:.8}.social-icon-douyin{background-color:#000;border-radius:50%}.social-icon-xiaohongshu{background-color:#ff2442;border-radius:6px}.social-icon-wechat{background-color:#07c160;border-radius:50%}.footer-bottom{margin-top:40px;border-top:1px solid #d2d2d7;padding:20px 24px}.footer-bottom-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.footer-bottom-inner span{color:#86868b;font-size:12px;white-space:nowrap}.footer-bottom-inner .footer-divider{color:#d2d2d7;font-size:12px;-webkit-user-select:none;user-select:none}.footer-bottom-inner a{color:#86868b;font-size:12px;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.footer-bottom-inner a:hover{opacity:.7}.footer-clickable{color:#86868b;font-size:12px;cursor:pointer;white-space:nowrap}.footer-clickable:hover{opacity:.7}.license-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.license-modal{background:#fff;border-radius:12px;max-width:1200px;width:90%;max-height:90vh;overflow-y:auto;position:relative;padding:24px}.license-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:#666;cursor:pointer;line-height:1}.license-modal-close:hover{color:#333}.license-modal-content{text-align:center}.license-modal-img{max-width:100%;height:auto;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.license-modal-note{margin-top:16px;font-size:13px;color:#999;line-height:1.6}.footer-complaint-wrapper{position:relative;display:inline-flex;align-items:center}.footer-complaint-link{color:#86868b;font-size:12px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.footer-complaint-link:hover,.footer-complaint-link.active{opacity:.7}.footer-complaint-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1d1d1f;color:#fff;font-size:12px;padding:6px 12px;border-radius:6px;white-space:nowrap;pointer-events:auto;-webkit-user-select:text;user-select:text;opacity:0;transition:opacity .2s ease;z-index:100}.footer-complaint-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1d1d1f}.footer-complaint-wrapper:hover .footer-complaint-tooltip{opacity:1}@media (max-width: 900px){.footer-content{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 560px){.site-footer{padding:32px 0 0}.footer-content{grid-template-columns:1fr;gap:24px}.footer-bottom-inner{flex-direction:column;gap:6px}.footer-bottom-inner .footer-divider{display:none}}:root{--primary-color: #4285f4;--primary-hover: #3b78dc;--primary-light: rgba(66, 133, 244, .1);--primary-rgb: 66, 133, 244}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}