*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--color-bg-page);color:var(--color-text-primary);min-height:100vh;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea{border:none;outline:none;font-family:inherit}:root{--color-primary:#6c63ff;--color-primary-light:#8b85ff;--color-primary-dark:#5a52d5;--color-primary-bg:#f0eeff;--color-secondary:#43b89c;--color-accent:#ff6b6b;--color-warm:#ffb347;--color-success:#43b89c;--color-warning:#ffb347;--color-error:#ff6b6b;--color-info:#64b5f6;--color-text-primary:#1a1a2e;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-disabled:#d1d5db;--color-border:#e5e7eb;--color-divider:#f3f4f6;--color-bg-page:#f8f9fc;--color-bg-card:#fff;--gradient-primary:linear-gradient(135deg, #6c63ff 0%, #43b89c 100%);--gradient-warm:linear-gradient(135deg, #ffb347 0%, #ff6b6b 100%);--gradient-calm:linear-gradient(135deg, #e8f4f8 0%, #f0eeff 100%);--gradient-hero:linear-gradient(160deg, #667eea 0%, #764ba2 100%);--gradient-card-1:linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--gradient-card-2:linear-gradient(135deg, #d4fc79 0%, #96e6a1 100%);--gradient-card-3:linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);--gradient-card-4:linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--page-padding:16px;--radius-sm:4px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 4px #0000000a;--shadow-md:0 2px 12px #00000014;--shadow-lg:0 4px 24px #0000001a;--shadow-xl:0 8px 40px #00000024;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--easing:cubic-bezier(.4, 0, .2, 1);--easing-bounce:cubic-bezier(.175, .885, .32, 1.275);--font-hero:28px;--font-h1:22px;--font-h2:18px;--font-h3:16px;--font-body:14px;--font-secondary:13px;--font-caption:12px;--font-small:11px}#app{background:var(--color-bg-page);max-width:390px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 60px #00000014}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #ffffff40}.glass-dark{-webkit-backdrop-filter:blur(24px);color:#fff;background:#1a1a2ea6;border:1px solid #ffffff1a}.page{min-height:100vh;animation:pageIn var(--duration-normal) var(--easing);padding-bottom:70px;display:none}.page.active{display:block}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tabbar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-divider);z-index:100;width:100%;max-width:390px;height:60px;padding-bottom:env(safe-area-inset-bottom,0);background:#ffffffe0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar-item{font-size:var(--font-small);color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--easing);flex-direction:column;align-items:center;gap:2px;padding:6px 20px;display:flex}.tabbar-item.active{color:var(--color-primary)}.tabbar-item .icon{font-size:22px;line-height:1}.hero{background:var(--gradient-hero);border-radius:0 0 var(--radius-xl) var(--radius-xl);height:200px;padding:var(--space-lg);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 30% 20%,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.hero-badge{align-items:center;gap:var(--space-xxs);border-radius:var(--radius-full);color:#fff;font-size:var(--font-small);width:fit-content;margin-bottom:var(--space-xs);background:#fff3;padding:4px 12px;font-weight:500;display:inline-flex;position:relative}.hero-title{font-size:var(--font-hero);color:#fff;font-weight:700;line-height:1.2;position:relative}.hero-subtitle{font-size:var(--font-secondary);color:#fffc;margin-top:var(--space-xxs);position:relative}.category-tabs{gap:var(--space-xs);padding:var(--space-md) var(--page-padding);scrollbar-width:none;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{border-radius:var(--radius-full);font-size:var(--font-secondary);white-space:nowrap;color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--duration-fast) var(--easing);background:#fff;padding:6px 16px}.category-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.section-title{padding:var(--space-md) var(--page-padding) var(--space-xs);font-size:var(--font-h3);justify-content:space-between;align-items:center;font-weight:600;display:flex}.section-title small{font-size:var(--font-caption);color:var(--color-text-tertiary);font-weight:400}.quick-scroll{gap:var(--space-sm);padding:0 var(--page-padding) var(--space-md);scrollbar-width:none;display:flex;overflow-x:auto}.quick-scroll::-webkit-scrollbar{display:none}.quick-card{min-width:130px;padding:var(--space-md);border-radius:var(--radius-lg);color:var(--color-text-primary);gap:var(--space-xs);transition:transform var(--duration-fast) var(--easing);flex-direction:column;display:flex}.quick-card:active{transform:scale(.96)}.quick-card .emoji{font-size:28px}.quick-card .title{font-size:var(--font-secondary);font-weight:600;line-height:1.3}.quick-card .meta{font-size:var(--font-small);opacity:.7}.card-grid{gap:var(--space-sm);padding:0 var(--page-padding) var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.assessment-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--easing);cursor:pointer;background:#fff;overflow:hidden}.assessment-card:active{box-shadow:var(--shadow-md);transform:scale(.97)}.card-cover{height:140px;padding:var(--space-md);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.card-cover:after{content:"";background:linear-gradient(#0000,#0006);height:60%;position:absolute;bottom:0;left:0;right:0}.card-cover .card-title{z-index:1;color:#fff;font-size:var(--font-h3);text-shadow:0 1px 3px #0000004d;font-weight:700;line-height:1.2;position:relative}.card-body{padding:var(--space-sm) var(--space-md)}.card-body .card-desc{font-size:var(--font-small);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.card-footer{padding:var(--space-xs) var(--space-md) var(--space-sm);justify-content:space-between;align-items:center;display:flex}.card-footer .participants{font-size:var(--font-small);color:var(--color-text-tertiary)}.card-footer .tag{border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);padding:2px 8px;font-size:10px;font-weight:500}.detail-cover{align-items:flex-end;height:240px;display:flex;position:relative}.detail-cover:after{content:"";background:linear-gradient(#0000 40%,#0009 100%);position:absolute;inset:0}.detail-info{z-index:1;padding:var(--space-lg);color:#fff;width:100%;position:relative}.detail-title{font-size:var(--font-h1);font-weight:700}.detail-subtitle{font-size:var(--font-secondary);opacity:.9;margin-top:var(--space-xxs)}.detail-meta{gap:var(--space-md);padding:var(--space-md) var(--page-padding);color:var(--color-text-secondary);font-size:var(--font-caption);display:flex}.detail-meta span{align-items:center;gap:4px;display:flex}.disclaimer-bar{margin:0 var(--page-padding) var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-small);color:#f57f17;background:#fff8e1;border:1px solid #fff0b3;line-height:1.5}.detail-section{padding:var(--space-md) var(--page-padding)}.detail-section h3{font-size:var(--font-h3);margin-bottom:var(--space-sm);font-weight:600}.dimension-list{gap:var(--space-xs);flex-direction:column;display:flex}.dimension-item{padding:var(--space-sm) var(--space-md);background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:var(--font-secondary)}.dimension-item strong{color:var(--color-primary)}.sticky-bottom{width:100%;max-width:390px;padding:var(--space-md) var(--page-padding);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0));z-index:50;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.btn-primary{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;width:100%;font-size:var(--font-h3);text-align:center;transition:all var(--duration-fast) var(--easing);padding:14px;font-weight:600;box-shadow:0 4px 20px #6c63ff59}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 10px #6c63ff40}.overlay{z-index:200;background:#0006;max-width:390px;margin:0 auto;display:none;position:fixed;inset:0}.overlay.visible{animation:fadeIn var(--duration-fast) var(--easing);display:block}.bottom-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-lg) var(--page-padding);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0));animation:slideUp var(--duration-normal) var(--easing-bounce);background:#fff;position:absolute;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet-handle{background:var(--color-border);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-lg)}.sheet-title{font-size:var(--font-h2);margin-bottom:var(--space-md);font-weight:600}.sheet-content{font-size:var(--font-secondary);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.7}.sheet-content li{padding:var(--space-xxs) 0;padding-left:var(--space-md);position:relative}.sheet-content li:before{content:"•";color:var(--color-primary);position:absolute;left:0}.btn-secondary{border-radius:var(--radius-md);background:var(--color-divider);width:100%;color:var(--color-text-secondary);font-size:var(--font-body);text-align:center;margin-top:var(--space-xs);padding:12px}.quiz-page{background:var(--gradient-calm);min-height:100vh;padding-bottom:0}.quiz-header{padding:var(--space-md) var(--page-padding);justify-content:space-between;align-items:center;display:flex}.quiz-back{padding:8px;font-size:20px}.quiz-counter{font-size:var(--font-caption);color:var(--color-text-secondary)}.progress-container{padding:0 var(--page-padding) var(--space-lg)}.progress-bar{border-radius:var(--radius-full);background:#6c63ff1f;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--easing-bounce)}.quiz-content{padding:var(--space-xl) var(--page-padding);flex-direction:column;align-items:center;min-height:60vh;display:flex}.quiz-question{font-size:var(--font-h2);text-align:center;margin-bottom:var(--space-xl);max-width:320px;font-weight:600;line-height:1.5}.options-list{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.option-item{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-body);color:var(--color-text-primary);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--easing);cursor:pointer;background:#fff;border:2px solid #0000}.option-item:active{transform:scale(.98)}.option-item.selected{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary);font-weight:500;box-shadow:0 2px 12px #6c63ff33}.generating-page{background:var(--gradient-calm);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-bottom:0;display:flex}.breath-circle{width:140px;height:140px;margin-bottom:var(--space-xl);background:radial-gradient(circle,#6c63ff33 0%,#43b89c1a 60%,#0000 100%);border-radius:50%;justify-content:center;align-items:center;animation:4s ease-in-out infinite breathe;display:flex}.breath-inner{background:var(--gradient-primary);opacity:.6;border-radius:50%;width:60px;height:60px;animation:4s ease-in-out infinite reverse breathe}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.generating-text{font-size:var(--font-body);color:var(--color-text-secondary);text-align:center;animation:3s ease-in-out infinite fadeText}.generating-progress{font-size:var(--font-h2);color:var(--color-primary);margin-top:var(--space-md);font-weight:600}@keyframes fadeText{0%,to{opacity:.6}50%{opacity:1}}.result-hero{text-align:center;padding:var(--space-xxl) var(--page-padding) var(--space-lg);background:var(--gradient-calm)}.result-emoji{margin-bottom:var(--space-md);font-size:56px}.result-title{font-size:var(--font-hero);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.result-label{margin-top:var(--space-xs);border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--font-secondary);padding:4px 16px;font-weight:600;display:inline-block}.result-brief{margin-top:var(--space-md);font-size:var(--font-body);color:var(--color-text-secondary);max-width:320px;margin-left:auto;margin-right:auto;line-height:1.6}.radar-section{padding:var(--space-lg) var(--page-padding)}.radar-card{border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);background:#fff}.radar-title{font-size:var(--font-h3);margin-bottom:var(--space-md);font-weight:600}.dimension-bars{gap:var(--space-md);flex-direction:column;display:flex}.dim-bar-row{gap:var(--space-xxs);flex-direction:column;display:flex}.dim-bar-label{font-size:var(--font-secondary);justify-content:space-between;display:flex}.dim-bar-label .score{color:var(--color-primary);font-weight:600}.dim-bar-track{background:var(--color-divider);border-radius:var(--radius-full);height:8px;overflow:hidden}.dim-bar-fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width 1s var(--easing-bounce)}.lock-section{padding:var(--space-lg) var(--page-padding)}.lock-card{border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);text-align:center;background:#fff}.lock-icon{margin-bottom:var(--space-sm);font-size:32px}.lock-title{font-size:var(--font-h3);margin-bottom:var(--space-xxs);font-weight:600}.lock-desc{font-size:var(--font-secondary);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.btn-unlock{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;width:100%;font-size:var(--font-body);margin-bottom:var(--space-xs);padding:14px;font-weight:600;box-shadow:0 4px 20px #6c63ff4d}.btn-ad{border-radius:var(--radius-md);background:var(--color-divider);width:100%;color:var(--color-text-secondary);font-size:var(--font-secondary);justify-content:center;align-items:center;gap:var(--space-xs);padding:12px;display:flex}.btn-share{justify-content:center;align-items:center;gap:var(--space-xs);margin:var(--space-lg) var(--page-padding);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-body);box-shadow:var(--shadow-sm);background:#fff;padding:12px;font-weight:500;display:flex}.report-section{margin:var(--space-md) var(--page-padding);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.report-section-header{padding:var(--space-md) var(--space-lg);font-size:var(--font-h3);cursor:pointer;border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;font-weight:600;display:flex}.report-section-header .toggle{color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--easing);font-size:18px}.report-section-header.expanded .toggle{transform:rotate(180deg)}.report-section-body{padding:var(--space-md) var(--space-lg);font-size:var(--font-body);color:var(--color-text-secondary);line-height:1.8;display:none}.report-section-body.expanded{animation:fadeIn var(--duration-normal) var(--easing);display:block}.action-list{gap:var(--space-sm);margin-top:var(--space-sm);flex-direction:column;display:flex}.action-item{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:var(--font-secondary);align-items:flex-start;line-height:1.5;display:flex}.action-num{background:var(--gradient-primary);color:#fff;min-width:24px;height:24px;font-size:var(--font-small);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.profile-header{background:var(--gradient-primary);padding:var(--space-xxl) var(--page-padding) var(--space-lg);border-radius:0 0 var(--radius-xl) var(--radius-xl);text-align:center;color:#fff}.avatar{width:72px;height:72px;margin:0 auto var(--space-sm);background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex}.profile-name{font-size:var(--font-h2);font-weight:600}.profile-joined{font-size:var(--font-caption);opacity:.8;margin-top:2px}.profile-stats{justify-content:center;gap:var(--space-xl);margin-top:var(--space-md);display:flex}.stat-item{text-align:center}.stat-num{font-size:var(--font-h1);font-weight:700}.stat-label{font-size:var(--font-small);opacity:.8}.menu-group{margin:var(--space-md) var(--page-padding);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.menu-item{padding:var(--space-md) var(--space-lg);font-size:var(--font-body);border-bottom:1px solid var(--color-divider);cursor:pointer;transition:background var(--duration-fast);justify-content:space-between;align-items:center;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:active{background:var(--color-divider)}.menu-item .left{align-items:center;gap:var(--space-sm);display:flex}.menu-item .arrow{color:var(--color-text-tertiary)}.btn-delete{margin:var(--space-lg) var(--page-padding);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--font-body);text-align:center;width:calc(100% - var(--page-padding) * 2);background:#fff0f0;padding:14px;font-weight:500}.disclaimer-footer{margin:var(--space-lg) var(--page-padding);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-small);color:var(--color-text-tertiary);border:1px solid var(--color-divider);background:#f8f9fc;line-height:1.6}.dialog{border-radius:var(--radius-xl);padding:var(--space-lg);z-index:300;width:calc(100% - 64px);max-width:326px;box-shadow:var(--shadow-xl);animation:dialogIn var(--duration-normal) var(--easing-bounce);background:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes dialogIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.dialog-title{font-size:var(--font-h2);margin-bottom:var(--space-sm);font-weight:600}.dialog-msg{font-size:var(--font-secondary);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.dialog-actions{gap:var(--space-sm);display:flex}.dialog-actions button{border-radius:var(--radius-md);font-size:var(--font-body);flex:1;padding:12px;font-weight:500}.btn-cancel{background:var(--color-divider);color:var(--color-text-secondary)}.btn-danger{background:var(--color-accent);color:#fff}.page-nav{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--page-padding);font-size:var(--font-body);color:var(--color-text-secondary);cursor:pointer;display:flex}.page-nav:active{opacity:.7}.preview-question{margin:0 var(--page-padding) var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.preview-question .q-text{font-size:var(--font-body);margin-bottom:var(--space-sm);font-weight:500}.preview-option{padding:var(--space-xs) var(--space-md);margin:var(--space-xxs) 0;background:var(--color-divider);border-radius:var(--radius-sm);font-size:var(--font-secondary);color:var(--color-text-secondary)}.history-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-divider);display:flex}.history-card:last-child{border-bottom:none}.history-emoji{font-size:28px}.history-info{flex:1}.history-title{font-size:var(--font-body);font-weight:500}.history-date{font-size:var(--font-small);color:var(--color-text-tertiary);margin-top:2px}.history-badge{font-size:var(--font-small);border-radius:var(--radius-full);padding:2px 10px}.badge-completed{color:#2e7d32;background:#e8f5e9}.badge-progress{color:#f57f17;background:#fff8e1}.share-section{padding:0 var(--page-padding)}.share-card{border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);background:#fff}.share-card-title{font-size:var(--font-h3);margin-bottom:var(--space-xxs);font-weight:600}.share-card-desc{font-size:var(--font-secondary);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.5}.share-buttons{gap:var(--space-sm);display:flex}.share-btn{padding:var(--space-sm) var(--space-xs);background:var(--color-primary-bg);border-radius:var(--radius-md);font-size:var(--font-small);color:var(--color-text-primary);transition:all var(--duration-fast) var(--easing);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.share-btn:active{background:#e0dcff;transform:scale(.95)}.share-icon{font-size:24px}.share-reward{color:var(--color-primary);border-radius:var(--radius-full);background:#6c63ff1a;padding:1px 6px;font-size:10px;font-weight:600}.btn-points-unlock{border-radius:var(--radius-md);color:#e65100;width:100%;font-size:var(--font-secondary);margin-bottom:var(--space-xs);justify-content:center;align-items:center;gap:var(--space-xs);background:linear-gradient(135deg,#fff8e1,#ffe0b2);padding:12px;font-weight:500;display:flex}.points-badge{border-radius:var(--radius-full);font-size:var(--font-small);background:#e6510026;padding:2px 8px;font-weight:600}.invite-card{margin:var(--space-md) var(--page-padding);padding:var(--space-lg);background:var(--gradient-calm);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:var(--space-md);border:1px solid #6c63ff1a;display:flex}.invite-left{flex:1}.invite-title{font-size:var(--font-body);margin-bottom:2px;font-weight:600}.invite-desc{font-size:var(--font-small);color:var(--color-text-secondary);margin-bottom:var(--space-xs);line-height:1.4}.invite-code-label{font-size:var(--font-small);color:var(--color-text-tertiary)}.invite-code{font-size:var(--font-h2);color:var(--color-primary);letter-spacing:3px;font-family:Courier New,monospace;font-weight:700}.invite-btn{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:var(--font-secondary);white-space:nowrap;padding:10px 20px;font-weight:600;box-shadow:0 2px 12px #6c63ff4d}.points-hero{background:var(--gradient-primary);padding:var(--space-lg) var(--page-padding) var(--space-xl);border-radius:0 0 var(--radius-xl) var(--radius-xl);color:#fff}.points-balance{text-align:center;margin:var(--space-md) 0}.points-num{font-size:36px;font-weight:700}.points-label{font-size:var(--font-secondary);opacity:.8;margin-top:2px}.points-actions{gap:var(--space-sm);margin-top:var(--space-md);justify-content:center;display:flex}.points-action-btn{border-radius:var(--radius-full);color:#fff;font-size:var(--font-secondary);transition:background var(--duration-fast);background:#fff3;padding:8px 24px;font-weight:500}.points-action-btn:active{background:#ffffff59}.earn-grid{gap:var(--space-xs);padding:0 var(--page-padding) var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.earn-card{border-radius:var(--radius-md);padding:var(--space-sm);text-align:center;box-shadow:var(--shadow-sm);background:#fff}.earn-icon{margin-bottom:4px;font-size:24px}.earn-name{color:var(--color-text-secondary);font-size:10px;line-height:1.3}.earn-points{font-size:var(--font-small);color:var(--color-primary);margin-top:2px;font-weight:600}.redeem-list{padding:0 var(--page-padding);gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.redeem-item{align-items:center;gap:var(--space-md);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);background:#fff;display:flex}.redeem-icon{font-size:24px}.redeem-info{flex:1}.redeem-name{font-size:var(--font-body);font-weight:500}.redeem-cost{font-size:var(--font-small);color:var(--color-text-tertiary);margin-top:2px}.redeem-btn{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--font-small);padding:6px 16px;font-weight:500}.redeem-btn.disabled{background:var(--color-divider);color:var(--color-text-disabled)}.point-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-divider);display:flex}.point-row:last-child{border-bottom:none}.point-row-icon{font-size:20px}.point-row-info{flex:1}.point-row-action{font-size:var(--font-secondary)}.point-row-date{font-size:var(--font-small);color:var(--color-text-tertiary)}.point-row-amount{font-size:var(--font-body);font-weight:600}.point-row-amount.earn{color:var(--color-primary)}.point-row-amount.spend{color:var(--color-accent)}.referral-row{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-divider);display:flex}.referral-row:last-child{border-bottom:none}.referral-avatar{background:var(--gradient-calm);width:36px;height:36px;font-size:var(--font-secondary);color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.referral-info{flex:1}.referral-name{font-size:var(--font-body);font-weight:500}.referral-date{font-size:var(--font-small);color:var(--color-text-tertiary)}.referral-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.referral-status{border-radius:var(--radius-full);padding:2px 8px;font-size:10px}.status-registered{color:#1565c0;background:#e3f2fd}.status-completed{color:#2e7d32;background:#e8f5e9}.status-paid{color:#6a1b9a;background:#f3e5f5}.referral-pts{font-size:var(--font-small);color:var(--color-primary);font-weight:600}.social-proof{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--page-padding);font-size:var(--font-secondary);color:var(--color-text-secondary);display:flex}.social-avatars{letter-spacing:-4px;font-size:18px}.ad-banner-card{border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);border:1px dashed var(--color-border);background:#fafafa;grid-column:1/-1;position:relative}.ad-label{border-radius:var(--radius-sm);background:var(--color-divider);color:var(--color-text-tertiary);padding:1px 6px;font-size:9px;position:absolute;top:6px;right:8px}.ad-content{align-items:center;gap:var(--space-sm);display:flex}.ad-placeholder{opacity:.5;font-size:28px}.ad-text{flex:1}.ad-title{font-size:var(--font-secondary);font-weight:500}.ad-desc{font-size:var(--font-small);color:var(--color-text-tertiary)}.ad-result-banner{margin:var(--space-md) var(--page-padding);border-radius:var(--radius-md);border:1px dashed var(--color-border);background:#fafafa;position:relative}.poster-preview{margin-bottom:var(--space-lg);justify-content:center;display:flex}.poster-card{border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-lg);overflow:hidden}.poster-bg{background:var(--gradient-hero);padding:var(--space-lg);text-align:center;color:#fff}.poster-emoji{margin-bottom:var(--space-xs);font-size:40px}.poster-result{font-size:var(--font-h2);font-weight:700}.poster-label{font-size:var(--font-secondary);opacity:.9;margin-top:var(--space-xxs)}.poster-divider{width:40px;height:2px;margin:var(--space-md) auto;background:#fff6}.poster-cta{font-size:var(--font-body);margin-bottom:var(--space-xs);font-weight:500}.poster-qr{font-size:var(--font-small);opacity:.7;margin-bottom:var(--space-sm)}.poster-footer{opacity:.5;font-size:9px}