*{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}.new-activity{min-height:100vh;background:linear-gradient(135deg,#fef3c7,#fed7aa);padding-bottom:20px}.header{background:linear-gradient(135deg,#f56c6c,#e5804b 50%,#f97316);color:#fff;position:sticky;top:0;z-index:50;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1)}.header-content{padding:12px 16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-content,.header-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left{gap:12px}.icon-box{width:40px;height:40px;background:hsla(0,0%,100%,.2);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px}.title-box .title{font-size:18px;font-weight:700;margin:0}.main-content{padding:16px}.activity-banners1{width:100%;height:auto;margin-bottom:16px;border-radius:12px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08)}.section{margin-bottom:24px}.section-title{font-weight:700;margin-bottom:16px;color:#374151}.card{border-radius:16px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08)}.timeline{border-top:1px solid #e5e7eb;padding-top:16px}.timeline-title{font-weight:500;margin-bottom:12px;color:#374151}.timeline-content{position:relative}.timeline-scroll{overflow-x:auto;padding-bottom:12px}.timeline-days{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 8px;height:86px}.timeline-day{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.day-dot,.timeline-day{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.day-dot{width:48px;height:48px;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:700;margin-bottom:8px}.day-dot.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.day-dot.today{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.day-dot.incomplete{background:#e5e7eb;color:#9ca3af}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 0 rgba(249,115,22,.7);box-shadow:0 0 0 0 rgba(249,115,22,.7)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 20px 10px rgba(249,115,22,0);box-shadow:0 0 20px 10px rgba(249,115,22,0)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 0 rgba(249,115,22,.7);box-shadow:0 0 0 0 rgba(249,115,22,.7)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 20px 10px rgba(249,115,22,0);box-shadow:0 0 20px 10px rgba(249,115,22,0)}}.check-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.day-number,.day-status{font-size:12px}.day-status.completed{color:#059669;font-weight:500}.day-status.incomplete{color:#9ca3af}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.stat-item{text-align:center}.stat-value{font-size:24px;font-weight:700;color:#2563eb;margin-bottom:4px}.stat-label{font-size:12px;color:#6b7280}.book-card{border-radius:16px;overflow:hidden;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;cursor:pointer}.book-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.12);box-shadow:0 8px 30px rgba(0,0,0,.12)}.book-card-bg{position:relative;height:192px;background:-webkit-gradient(linear,left top,right top,from(#2563eb),color-stop(#7c3aed),to(#db2777));background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777)}.book-card-decoration{position:absolute;inset:0;opacity:.2}.decoration-circle{position:absolute;border:4px solid #fff;border-radius:50%}.decoration-circle-1{top:16px;left:16px;width:80px;height:80px}.decoration-circle-2{bottom:16px;right:32px;width:64px;height:64px}.decoration-circle-3{top:50%;left:33.333333%;width:48px;height:48px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.book-card-content{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.book-card-text{text-align:center;color:#fff}.book-icon{margin-bottom:12px;font-size:48px;opacity:.9}.book-title{font-size:24px;font-weight:700;margin-bottom:8px}.book-desc{font-size:14px;opacity:.8}.top-three{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:24px;padding:24px 0;margin-bottom:24px}.rank-item{text-align:center}.rank-item.rank-1{margin-top:-24px}.rank-icon{margin-bottom:8px}.rank-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.rank-item.rank-1 .rank-icon{width:80px;height:80px}.rank-item.rank-2 .rank-icon,.rank-item.rank-3 .rank-icon{width:64px;height:64px}.user-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 8px;border:2px solid #d1d5db}.user-avatar-1{width:64px;height:64px;border:4px solid #fbbf24;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1)}.user-name{font-weight:500;margin-bottom:4px}.rank-item.rank-1 .user-name{font-size:16px}.rank-item.rank-2 .user-name,.rank-item.rank-3 .user-name{font-size:14px}.user-org{font-size:12px;color:#6b7280;margin-bottom:4px}.rank-days{color:#2563eb;font-weight:700;margin-bottom:4px}.rank-item.rank-1 .rank-days{font-size:18px}.rank-item.rank-2 .rank-days,.rank-item.rank-3 .rank-days{font-size:14px}.rank-time{font-size:12px;color:#9ca3af}.ranking-list{margin-top:16px}.rank-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;border-radius:12px;margin-bottom:8px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.rank-list-item:hover{background-color:#f9fafb}.rank-number{width:32px;text-align:center;font-weight:700;color:#9ca3af}.list-avatar{width:40px;height:40px;border-radius:50%;margin:0 12px}.list-user-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.list-user-name{font-weight:500;margin-bottom:4px}.list-user-org{font-size:12px;color:#6b7280}.list-rank-info{text-align:right}.list-rank-days{font-weight:700;color:#2563eb;margin-bottom:4px}.list-rank-time{font-size:12px;color:#9ca3af}.current-user{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.current-user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;border-radius:12px;background-color:#eff6ff}.current-user-avatar{width:48px;height:48px;border-radius:50%;margin-right:12px}.current-user-text{-webkit-box-flex:1;-ms-flex:1;flex:1}.current-user-name{font-weight:500;margin-bottom:4px}.current-user-org{font-size:12px;color:#6b7280}.current-user-stats{text-align:right}.current-user-days{font-weight:700;color:#2563eb;margin-bottom:4px}.current-user-time{font-size:12px;color:#9ca3af}.gift-btn,.gift-btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gift-btn{width:70%;height:48px;line-height:48px;margin-top:24px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#dc2626,#ea580c);color:#fff;font-weight:700;font-size:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;border:none;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.gift-btn:hover{opacity:.9}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.action-btn{padding:16px;border-radius:12px;color:#fff;text-align:center;border:none;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.action-btn i{font-size:24px}.action-btn p{font-weight:500;margin:0}.read-btn{background:linear-gradient(135deg,#60a5fa,#2563eb)}.recommend-btn{background:linear-gradient(135deg,#34d399,#059669)}.strategy-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.strategy-item,.strategy-list{display:-webkit-box;display:-ms-flexbox;display:flex}.strategy-item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;padding:16px;border-radius:12px}.strategy-item-1{background-color:#eff6ff}.strategy-item-2{background-color:#f5f3ff}.strategy-item-3{background-color:#ecfdf5}.strategy-number{width:32px;height:32px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;color:#fff;-ms-flex-negative:0;flex-shrink:0}.strategy-item-1 .strategy-number{background-color:#3b82f6}.strategy-item-2 .strategy-number{background-color:#8b5cf6}.strategy-item-3 .strategy-number{background-color:#10b981}.strategy-title{font-weight:700;margin-bottom:4px}.strategy-item-1 .strategy-title{color:#1e40af}.strategy-item-2 .strategy-title{color:#5b21b6}.strategy-item-3 .strategy-title{color:#065f46}.strategy-desc{font-size:14px;margin-top:4px}.strategy-item-1 .strategy-desc{color:#1d4ed8}.strategy-item-2 .strategy-desc{color:#7c3aed}.strategy-item-3 .strategy-desc{color:#059669}.rules-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.modal-overlay,.rules-content{display:-webkit-box;display:-ms-flexbox;display:flex}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:50;padding:16px}.modal-content{background-color:#fff;border-radius:16px;padding:24px;max-width:448px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.modal-title{font-size:20px;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.modal-close:hover{color:#4b5563}.modal-close i{font-size:20px}.modal-image{width:100%;height:auto;margin-bottom:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-btn{width:100%;padding:12px;border-radius:12px;background-color:#2563eb;color:#fff;font-weight:500;border:none;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.modal-btn:hover{background-color:#1d4ed8}@media (max-width:768px){.top-three{gap:16px;padding:16px 0}.rank-item.rank-1 .rank-icon{width:64px;height:64px}.rank-item.rank-2 .rank-icon,.rank-item.rank-3 .rank-icon,.user-avatar-1{width:48px;height:48px}.user-avatar{width:40px;height:40px}.action-buttons{grid-template-columns:repeat(2,1fr)}}.section{margin:20px 0;padding:0 16px}.section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:12px;position:relative;padding-left:12px}.section-title:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px;height:16px;background:linear-gradient(135deg,#dc2626,#ea580c);border-radius:2px}.card{background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px;margin-bottom:16px}.rules-content{line-height:1.6}.rule-item{margin-bottom:12px;padding:12px;background:#fff9f0;border-left:4px solid #ff7d00;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.rule-item:hover{background:#fff5e6;-webkit-transform:translateX(4px);transform:translateX(4px);-webkit-box-shadow:0 2px 8px rgba(255,125,0,.1);box-shadow:0 2px 8px rgba(255,125,0,.1)}.rule-item .flex{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.rule-item .flex,.rule-item .w-8{display:-webkit-box;display:-ms-flexbox;display:flex}.rule-item .w-8{width:32px;height:32px;background:linear-gradient(135deg,#ff7d00,#ff5a00);color:#fff;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;-ms-flex-negative:0;flex-shrink:0;font-size:14px}.rule-item .text-sm{font-size:14px;color:#333;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}