@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";._nav_1fv5p_3{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg-secondary);border-top:1px solid var(--color-divider);display:flex;align-items:flex-start;z-index:100;box-sizing:border-box}._item_1fv5p_21{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:56px;text-decoration:none;color:var(--color-text-tertiary);transition:color .15s ease;gap:2px;cursor:pointer}._item_1fv5p_21:active{transform:scale(.95)}._itemActive_1fv5p_39{color:var(--color-accent)}._icon_1fv5p_44{font-size:1.25rem;line-height:1}._iconWrapper_1fv5p_49{position:relative;display:flex;align-items:center;justify-content:center}._badge_1fv5p_56{position:absolute;top:-4px;right:-8px;width:10px;height:10px;background:#ff3b30;border-radius:50%;border:2px solid var(--color-bg-secondary);z-index:10}._label_1fv5p_68{font-size:.65rem;font-weight:500}._itemActive_1fv5p_39 ._label_1fv5p_68{font-weight:600}.home-page{min-height:100vh;background:var(--color-bg-primary);font-family:var(--font-family);color:var(--color-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center}.home-page .home-footer{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom,0px));left:0;right:0;padding:var(--space-sm) var(--space-md);text-align:center;background:var(--color-bg-primary);z-index:5}.main-content{width:100%;max-width:400px;padding:16px}.brand-section{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.logo-icon{width:44px;height:44px}.app-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.search-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.action-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.action-btn{height:52px;font-size:1rem;font-weight:600;cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition-base)}.register-link{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-divider);font-size:.875rem;color:var(--color-text-tertiary);cursor:pointer;transition:var(--transition-base)}.link-text{color:var(--color-text-primary);margin-left:var(--space-xs);font-weight:600}.register-link:active .link-text{text-decoration:underline}@media (max-width: 640px){.brand-section{margin-bottom:var(--space-lg)}.logo-icon{width:40px;height:40px}.app-title{font-size:1.25rem}.search-card{padding:var(--space-md)}.search-button{height:48px}}.wechat-search-guide{display:flex;justify-content:center;margin-bottom:20px;opacity:.9;transition:all .3s ease}.wechat-search-guide:hover{opacity:1;transform:translateY(-2px)}.wechat-search-guide img{height:28px;width:auto;object-fit:contain;max-width:80%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));cursor:pointer}.home-page .footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.home-page .footer-link{color:var(--color-text-tertiary);font-size:12px;text-decoration:none;padding:var(--space-xs)}.home-page .footer-link:active{color:var(--color-accent)}.home-page .footer-sep{color:var(--color-divider);font-size:10px}.home-page .footer-icp{font-size:11px;opacity:.7}.plate-input-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.plate-type-tabs{display:flex;background:var(--color-bg-tertiary);padding:4px;border-radius:var(--radius-lg)}.plate-type-tab{flex:1;text-align:center;padding:10px 0;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,color .15s ease;border:none;background:transparent}.plate-type-tab:active{color:var(--color-text-primary);transform:scale(.98)}.plate-type-tab.active{background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:600}.input-row{display:flex;align-items:stretch;gap:var(--space-sm);width:100%}.plate-input-display{flex:1;display:flex;align-items:center;gap:4px;background:var(--color-plate-blue);border:4px solid #FFFFFF;outline:2px solid var(--color-plate-blue);border-radius:8px;padding:8px 10px;cursor:pointer;transition:var(--transition-base);box-shadow:0 2px 8px #00000026}.plate-input-wrapper[data-plate-type=GREEN] .plate-input-display{background:linear-gradient(to right,var(--color-plate-green) 0%,#5ED07A 100%);outline-color:var(--color-plate-green)}.plate-input-display.active{box-shadow:0 4px 12px #00000040}.plate-char{flex:1;min-width:0;height:44px;background:transparent;border:1px dashed rgba(255,255,255,.35);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;transition:var(--transition-fast)}.plate-char.filled{border:1px solid rgba(255,255,255,.7);color:#fff}.plate-separator{width:8px;height:8px;background:#fff;border-radius:50%;margin:0 2px;flex-shrink:0}.placeholder{color:#fff;font-size:1rem;font-weight:500}.camera-btn{flex:0 0 56px;width:56px;align-self:stretch;border:none;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-lg);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.camera-btn:active{background:var(--color-bg-hover);color:var(--color-text-primary)}.camera-btn:disabled{opacity:.5;cursor:not-allowed}.hidden-file-input{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.plate-error{color:var(--color-error);font-size:.8rem;font-weight:500}.keyboard-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:998}.plate-keyboard{position:fixed;bottom:0;left:0;width:100%;background:var(--color-bg-secondary);z-index:999;padding-bottom:env(safe-area-inset-bottom);animation:slideUp .2s ease-out;box-shadow:0 -1px 10px #0000000f;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.keyboard-header{padding:var(--space-sm) var(--space-md);display:flex;justify-content:flex-end;border-bottom:1px solid var(--color-divider)}.keyboard-header span{color:var(--color-text-primary);font-weight:600;cursor:pointer;font-size:.875rem;padding:var(--space-xs) var(--space-sm)}.keyboard-body{padding:var(--space-sm) var(--space-md) var(--space-md)}.province-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.alphanum-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.key-btn{background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);height:42px;font-size:1rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s ease;-webkit-user-select:none;user-select:none}.key-btn:active{background:var(--color-bg-hover)}.special-key,.delete-key,.clear-key{background:var(--color-bg-hover);color:var(--color-text-secondary);font-size:.8rem;font-weight:600}.clear-key{color:#ef4444}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.plate-char.extra-char{animation:fadeIn .2s ease forwards}@media (max-width: 640px){.plate-input-display{padding:6px 8px;gap:3px;border-width:3px;outline-width:2px}.plate-char{height:38px;font-size:1.2rem}.plate-separator{width:6px;height:6px;margin:0 1px}.plate-type-tab{font-size:.8rem;padding:8px 0}.province-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 380px){.plate-input-display{padding:4px 6px;gap:2px;border-width:2px;outline-width:1px}.plate-char{height:32px;font-size:1rem;border-radius:3px}.plate-separator{width:5px;height:5px}.camera-btn{flex:0 0 48px;width:48px;font-size:1.1rem}.placeholder{font-size:.65rem}}._plate_3l1st_3{display:inline-flex;align-items:center;gap:2px;background:var(--color-plate-blue);border:3px solid #FFFFFF;outline:2px solid var(--color-plate-blue);border-radius:6px;padding:4px 6px;transition:var(--transition-base)}._plateGreen_3l1st_15{background:linear-gradient(to right,var(--color-plate-green) 0%,#5ED07A 100%);outline-color:var(--color-plate-green)}._char_3l1st_21{display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-weight:700;color:#fff;min-width:0}._separator_3l1st_31{width:5px;height:5px;background:#fff;border-radius:50%;margin:0 2px;flex-shrink:0}._small_3l1st_41{padding:2px 4px;gap:1px;border-width:2px;outline-width:2px;border-radius:4px}._small_3l1st_41 ._char_3l1st_21{font-size:.7rem}._small_3l1st_41 ._separator_3l1st_31{width:3px;height:3px;margin:0 1px}._medium_3l1st_60{padding:4px 6px;gap:2px}._medium_3l1st_60 ._char_3l1st_21{font-size:.85rem}._large_3l1st_70{padding:6px 10px;gap:3px;border-width:3px;outline-width:2px;border-radius:8px}._large_3l1st_70 ._char_3l1st_21{font-size:1.1rem}._large_3l1st_70 ._separator_3l1st_31{width:6px;height:6px;margin:0 3px}@media (max-width: 380px){._small_3l1st_41{padding:1px 3px}._small_3l1st_41 ._char_3l1st_21{font-size:.65rem}._medium_3l1st_60{padding:3px 5px}._medium_3l1st_60 ._char_3l1st_21{font-size:.75rem}}.message-tag-component{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.2;transition:background-color .15s ease-out,transform .1s ease-out;user-select:none;-webkit-user-select:none;cursor:default;box-sizing:border-box;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, sans-serif);border:none}.message-tag-component.variant-1{background-color:#f5f5f5;color:#8e8e93}.message-tag-component.variant-2{background-color:#f0eee9;color:#1a1a1a;font-weight:500}.message-tag-component.tag-clickable{cursor:pointer;min-height:36px;padding:8px 14px}.message-tag-component.tag-clickable:active{background-color:#e5e5ea;transform:scale(.97)}@media (hover: hover){.message-tag-component.variant-1.tag-clickable:hover{background-color:#ebebeb;color:#636366}.message-tag-component.variant-2.tag-clickable:hover{background-color:#e8e6e0}}.tag-emoji{font-size:16px;line-height:1;flex-shrink:0}.tag-label{white-space:nowrap;letter-spacing:-.01em}.tag-count{color:#8e8e93;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;margin-left:2px}.message-tag-component.variant-1 .tag-count{color:#aeaeb2}.message-tag-component.variant-selected{background-color:#fdd436;color:#1a1a1a;font-weight:600}.message-tag-component.variant-selected:active{background-color:#f5c518}.message-tag-component.variant-selected .tag-count{color:#1a1a1ab3}@media (prefers-reduced-motion: reduce){.message-tag-component{transition:none}.message-tag-component.tag-clickable:active{transform:none}}._overlay_x8vi6_7{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d2a2666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:_fadeIn_x8vi6_1 .3s ease-out}._content_x8vi6_23{background:#fff;width:100%;max-width:440px;border-radius:32px;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:_slideUp_x8vi6_1 .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 50px -10px #00000026}._header_x8vi6_50{margin-bottom:24px;text-align:center}._title_x8vi6_55{font-size:1.5rem;font-weight:700;color:#2d2a26;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:10px}._plateWrapper_x8vi6_66{display:flex;justify-content:center;margin-top:14px;transform:scale(.95)}._body_x8vi6_73{flex:1;margin-bottom:28px}._tagSection_x8vi6_79{margin-bottom:16px}._tagLabel_x8vi6_83{display:block;font-size:.9rem;color:#8c8c8c;margin-bottom:10px;font-weight:500}._tagList_x8vi6_91{display:flex;flex-wrap:wrap;gap:8px}._tagItem_x8vi6_97{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1px solid #F0EEE9;background:#fff;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#6b7280;font-weight:500}._tagItem_x8vi6_97:hover{border-color:#fdd436;background:#fffdf0}._tagItemActive_x8vi6_117{border-color:#fdd436;background:#fffae5;color:#1a1a1a;font-weight:700;box-shadow:0 4px 12px #fdd43633}._tagEmoji_x8vi6_125{font-size:1rem}._tagText_x8vi6_129{font-weight:500}._textarea_x8vi6_133{width:100%;min-height:200px;padding:20px;border:1px solid #E5E7EB;background:#fafafa;border-radius:20px;resize:none;font-size:1.1rem;line-height:1.6;box-sizing:border-box;color:#111827;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000003}._textarea_x8vi6_133:focus{outline:none;border-color:#111827;background:#fff;box-shadow:0 0 0 4px #1118270d}._textarea_x8vi6_133::placeholder{color:#9ca3af}._actions_x8vi6_160{display:flex;align-items:center;gap:12px;margin-top:10px}._btnCancel_x8vi6_167,._btnSend_x8vi6_168{flex:1;height:50px;padding:0 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;display:flex;align-items:center;justify-content:center;gap:8px}._btnCancel_x8vi6_167{background:#f3f4f6;color:#4b5563}._btnCancel_x8vi6_167:hover{background:#e5e7eb}._btnSend_x8vi6_168{background:#fdd436;color:#1a1a1a;box-shadow:0 4px 12px #fdd43640}._btnSend_x8vi6_168:hover:not(:disabled){transform:translateY(-1px);background:#f5c518;box-shadow:0 6px 16px #fdd43659}._btnSend_x8vi6_168:active:not(:disabled){background:#e5b60e;transform:scale(.98)}._btnSend_x8vi6_168:disabled{opacity:.6;cursor:not-allowed;background:#f0f0f0;color:#999;box-shadow:none}._loadingSpinner_x8vi6_219{width:18px;height:18px;border:2.5px solid rgba(0,0,0,.1);border-top-color:#1a1a1a;border-radius:50%;animation:_spin_x8vi6_1 .8s linear infinite}@keyframes _spin_x8vi6_1{to{transform:rotate(360deg)}}@keyframes _fadeIn_x8vi6_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_x8vi6_1{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bento-block{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f6f8fb);border-radius:18px;border:1px solid #e5e9f2;padding:16px;box-sizing:border-box;transition:transform .2s ease,background .2s ease,border-color .2s ease;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.bento-block-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease;z-index:10}.bento-block.is-editing:hover .bento-block-actions,.bento-block.is-editing.is-selected .bento-block-actions{opacity:1}.bento-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;padding:0;color:#374151;transition:transform .1s ease,box-shadow .2s ease;box-shadow:0 6px 16px #0f172a26}.bento-action-btn:hover{transform:scale(1.1)}.bento-action-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.bento-action-edit{color:#374151}.bento-action-delete:hover{color:#ef4444;border-color:#fecaca;background:#fff5f5}.bento-block-type-header .bento-block-actions{top:12px;right:12px}.bento-block-type-header.is-editing.is-selected .bento-block-actions.header-actions{opacity:1}.bento-block-type-header.is-editing:hover .bento-header-card{border-color:#8aa7ff}.bento-block-type-header.is-editing:hover .bento-header-hero{border-bottom-color:#8aa7ff}.bento-block-type-header{background:transparent;padding:0;box-shadow:none;border:none}.bento-header{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#f1f4f9);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #0f172a0f;border:1px solid #e5e9f2}.bento-header-avatar-middle{align-items:center;justify-content:center;padding:24px 16px}.bento-header-avatar-middle .bento-header-avatar-wrapper{position:static;margin-bottom:12px}.bento-header-avatar-middle .bento-header-info-center{text-align:center;margin-left:0;padding:0}.bento-header-avatar-left{flex-direction:row;align-items:center;padding:16px;gap:16px}.bento-header-avatar-left .bento-header-avatar-wrapper{position:static;flex-shrink:0}.bento-header-info-right{flex:1;text-align:left}.bento-header-info-right .bento-header-name{margin:0 0 6px}.bento-header-info-right .bento-header-bio{margin:0}.bento-header-img-rect{padding:0}.bento-header-img-rect .bento-header-hero{flex:1;min-height:120px;background:#edf2f7;display:flex;align-items:center;justify-content:center}.bento-header-img-rect .bento-header-hero img{width:100%;height:100%;object-fit:cover}.bento-header-hero-placeholder{color:#9aa5b5;font-weight:500;font-size:14px}.bento-header-info-bottom{padding:16px;text-align:center;background:linear-gradient(180deg,#fff,#f7f9fb)}.bento-header-info-bottom .bento-header-name{margin:0 0 6px}.bento-header-info-bottom .bento-header-bio{margin:0}.bento-header-img-rect.img-rect-no-avatar-full .bento-header-hero{min-height:160px}.bento-header-img-rect-avatar{padding:0}.bento-header-img-rect-avatar .bento-header-hero{flex:1;min-height:100px;background:#edf2f7;display:flex;align-items:center;justify-content:center}.bento-header-img-rect-avatar .bento-header-hero img{width:100%;height:100%;object-fit:cover}.bento-header-body-with-avatar{position:relative;padding:40px 16px 16px;background:linear-gradient(180deg,#fff,#f7f9fb)}.bento-header-body-with-avatar .bento-header-avatar-wrapper{position:absolute;top:-36px;left:50%;transform:translate(-50%)}.bento-header-body-with-avatar .bento-header-info-bottom{padding:0}.bento-header-img-rect-avatar.img-rect-avatar-full .bento-header-hero{min-height:140px}.bento-header-avatar-wrapper{display:flex;justify-content:center;transform-origin:center center}.bento-header-avatar-circle{width:72px;height:72px;border-radius:50%;overflow:hidden;border:4px solid #ffffff;display:flex;align-items:center;justify-content:center;background:#f8fafc;box-shadow:0 6px 18px #0f172a1f}.bento-header-avatar img{width:100%;height:100%;object-fit:cover}.bento-header-avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#90a2bb}.placeholder-icon{font-size:20px;opacity:.8}.placeholder-text{font-size:11px;font-weight:500}.bento-header-info-center{text-align:center;padding:0}.bento-header-name{margin:0 0 6px;font-size:18px;font-weight:700;color:#0f172a}.bento-header-bio{margin:0;font-size:13px;color:#5b6471;line-height:1.4}.bento-header-info-stats{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.bento-header-avatar-left .bento-header-info-stats{justify-content:flex-start}.bento-header-info-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.bento-header-avatar-left .bento-header-info-stats .stat-item{align-items:flex-start}.bento-header-info-stats .stat-value{font-size:16px;font-weight:700;color:#0f172a}.bento-header-info-stats .stat-label{font-size:11px;color:#94a3b8;font-weight:500}.bento-header-info-stats .stat-sep{width:1px;height:16px;background:#e2e8f0}.bento-header-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;justify-content:center;padding:0 4px;max-width:100%}.bento-header-avatar-left .bento-header-tags{justify-content:flex-start;padding-left:0}.bento-header-tags:empty:after{content:"暂无印象标签";font-size:13px;color:#3c3c4399;font-weight:400}.bento-block-link{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;text-align:left;padding:2px 4px}.bento-block-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--profile-text-primary, #0f172a);background:var(--profile-ui-surface, #f7f7f7);box-shadow:inset 0 0 0 1px var(--profile-ui-border, #e5e7eb)}.bento-block-title{font-size:15px;font-weight:600;color:var(--profile-text-primary, #0f172a);letter-spacing:.2px}.bento-block-desc{font-size:12px;color:var(--profile-text-secondary, #6b7280);margin-top:0;line-height:1.4}.bento-block-title-content{text-align:center}.bento-block-heading{margin:0;font-size:18px;font-weight:700;color:#0f172a}.bento-block-subtitle{margin:6px 0 0;font-size:13px;color:#5b6471}.bento-block-type-image{padding:0}.bento-block-image{width:100%;height:100%;position:relative}.bento-block-image img{width:100%;height:100%;object-fit:cover;border-radius:18px}.bento-block-image-title{position:absolute;bottom:12px;left:12px;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.bento-block-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f7f9fb,#e7edf6);border-radius:18px;color:#8aa0b8;font-size:13px}.bento-block-image-placeholder span:first-child{font-size:24px}.bento-block-type-avatar{background:linear-gradient(180deg,#fff,#f6f8fb)}.bento-block-avatar{display:flex;align-items:center;justify-content:center}.bento-block-avatar-circle{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#f5f7fb;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0f172a1f}.bento-block-avatar-circle img{width:100%;height:100%;object-fit:cover}.bento-block-avatar-placeholder{font-size:28px}.bento-block-type-social{background:linear-gradient(180deg,#fff,#f6f8fb)}.bento-block-social{width:100%;display:flex;align-items:center;gap:12px}.bento-block-social-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--profile-text-primary, #0f172a);background:var(--profile-ui-surface, #f7f7f7);box-shadow:inset 0 0 0 1px var(--profile-ui-border, #e5e7eb)}.bento-block-social-info{display:flex;flex-direction:column;gap:2px}.bento-block-social-name{font-size:14px;font-weight:600;color:var(--profile-text-primary, #0f172a)}.bento-block-social-platform{font-size:12px;color:var(--profile-text-secondary, #6b7280)}.bento-block-embed{position:relative;width:100%;height:0;overflow:hidden;border-radius:16px;background:#0f172a}.bento-block-embed-title{position:absolute;top:10px;left:10px;right:10px;z-index:2;padding:6px 10px;font-size:12px;font-weight:600;color:#fff;background:#0f172aa6;border-radius:999px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:none}.bento-block-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:16px;background:#0f172a}.bento-block-embed-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:1px dashed #d7dfe9;border-radius:16px;color:#6a7483;background:#f7f9fb;font-size:13px}.bento-block-text{width:100%;color:#0f172a;font-size:14px;line-height:1.7;text-align:left}.bento-block-list{width:100%}.bento-block-list ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--profile-text-primary, #0f172a)}.bento-block-list li{position:relative;padding-left:18px;font-size:13px;line-height:1.5;color:inherit}.bento-block-list li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--profile-ui-accent, #d1d5db)}.bento-block-list a{color:var(--profile-text-primary, #1d4ed8);text-decoration:none;border-bottom:1px solid transparent}.bento-block-list a:hover{border-bottom-color:currentColor}.bento-block-form{width:100%;display:flex;flex-direction:column;gap:10px;align-items:stretch}.bento-form-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#475569}.bento-form-field input,.bento-form-field textarea{width:100%;border:1px solid #dfe6f0;border-radius:12px;padding:10px 12px;font-size:13px;background:#f8fbff;color:#0f172a;outline:none}.bento-form-field textarea{min-height:60px;resize:vertical}.bento-form-submit{border:none;border-radius:12px;padding:14px 0;font-size:15px;font-weight:700;background:#fdd436;color:#1a1a1a;cursor:pointer;box-shadow:0 4px 12px #fdd43640}.bento-block-stats{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bento-stat-item{background:linear-gradient(180deg,#fff,#f3f7fc);border-radius:14px;padding:12px;text-align:center;border:1px solid #e5e9f2}.bento-stat-value{display:block;font-size:18px;font-weight:700;color:#0f172a}.bento-stat-label{display:block;margin-top:4px;font-size:12px;color:#6a7483}.bento-header-pen{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:1px solid #d8e0ec;background:#fffc;box-shadow:0 10px 24px #0f172a1a;cursor:pointer;font-size:14px;color:#3b4a68}.bento-block-empty{color:#9ca3af;font-size:14px}.bento-block-type-car{background:linear-gradient(180deg,#fff,#f6f8fb)}.bento-block-car{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:0;text-align:center}.bento-block-car--thumb-left,.bento-block-car--thumb-right{flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:12px}.bento-block-car--thumb-left .bento-block-car-main,.bento-block-car--thumb-right .bento-block-car-main{align-items:flex-start;gap:6px}.bento-block-car--thumb-left .bento-block-car-info,.bento-block-car--thumb-right .bento-block-car-info{align-items:flex-start;text-align:left}.bento-block-car-main{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:0}.bento-block-car--plate .bento-block-car-main{flex-direction:column-reverse;gap:10px}.bento-block-car--featured{align-items:stretch;text-align:left;justify-content:flex-start}.bento-block-car--featured .bento-block-car-main{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex:1;min-height:0}.bento-block-car--featured .bento-block-car-info{align-items:flex-start;text-align:left}.bento-block-car-plate{flex-shrink:0}.bento-block-car--featured .bento-block-car-plate{order:2}.bento-block-car--featured .bento-block-car-info{order:1}.bento-block-car-media{border-radius:14px;background:#f5f5f7;border:1px solid #e6e6eb;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;flex-shrink:0;box-shadow:0 1px 2px #0f172a0f}.bento-block-car-media img{width:100%;height:100%;object-fit:cover;display:block}.bento-block-car-placeholder{font-size:11px;color:#9ca3af;letter-spacing:.2px}.bento-block-car--featured .bento-block-car-media{width:100%;flex:2;min-height:96px}.bento-block-car--thumb-left .bento-block-car-media,.bento-block-car--thumb-right .bento-block-car-media{width:64px;height:64px}.bento-block-car-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9ca3af}.bento-block-car-icon{font-size:32px}.bento-block-car-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;max-width:100%;min-width:0}.bento-block-car-brand{font-size:16px;font-weight:600;color:#0f172a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.bento-block-car-model{font-size:12px;color:#5b6471;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.bento-block-car-mileage{font-size:11px;color:#7a8696;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.add-block-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.add-block-panel{width:100%;max-width:500px;background:linear-gradient(180deg,#fff,#f6f8fb);border-radius:24px 24px 0 0;padding:24px;animation:slideUp .3s ease;box-shadow:0 -10px 30px #0f172a14}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.add-block-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.add-block-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;font-size:20px;color:#6b7280;transition:background .2s ease}.add-block-close:hover{background:#e5e7eb}.add-block-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.add-block-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;background:linear-gradient(145deg,#f9fbff,#eef2f8);border:none;border-radius:16px;cursor:pointer;transition:all .2s ease}.add-block-item:hover{background:linear-gradient(145deg,#eef3ff,#e4ebf7);transform:translateY(-2px);box-shadow:0 8px 20px #6c89d62e}.add-block-item:active{transform:translateY(0)}.add-block-item-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#6b7280}.add-block-item-icon svg{width:22px;height:22px}.add-block-item-name{font-size:14px;font-weight:500;color:#374151}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.bento-grid-container{width:100%;min-height:400px;background:linear-gradient(180deg,#f7f9fc,#fff);flex:1;padding:12px;box-sizing:border-box}.bento-grid{position:relative}.bento-grid-item{border-radius:16px;overflow:hidden;transition:box-shadow .2s ease;padding:4px}.bento-grid-item:hover{box-shadow:0 12px 32px #0f172a14}.bento-grid-item.is-editing:hover .bento-block:not(.bento-block-type-header){border:2px dashed #c7d4ea;box-shadow:none}.bento-grid-item.is-selected .bento-block:not(.bento-block-type-header){border:2px dashed #c7d4ea;box-shadow:none}.bento-grid-item.is-selected .bento-header-card{border-color:#c7d4ea}.bento-grid-item.is-selected .bento-header-hero{border-bottom-color:#c7d4ea}.bento-grid-item.react-draggable-dragging{z-index:100;box-shadow:0 8px 32px #00000026}.react-grid-item>.react-resizable-handle{position:absolute;width:22px;height:22px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;opacity:0;transition:opacity .2s ease;background-image:none!important;background-position:initial;padding:0;background-color:transparent}.bento-grid-item.is-editing.is-selected .react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:none!important}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:-6px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%) rotate(0)!important;cursor:n-resize!important;margin:0!important;width:40px!important;height:10px!important;background:#4f7cff!important;border-radius:6px!important;box-shadow:0 4px 10px #0f172a33!important}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:-6px!important;left:50%!important;right:auto!important;top:auto!important;transform:translate(-50%) rotate(0)!important;cursor:s-resize!important;margin:0!important;width:40px!important;height:10px!important;background:#4f7cff!important;border-radius:6px!important;box-shadow:0 4px 10px #0f172a33!important}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:-6px!important;top:50%!important;left:auto!important;bottom:auto!important;transform:translateY(-50%) rotate(0)!important;cursor:e-resize!important;margin:0!important;width:10px!important;height:40px!important;background:#4f7cff!important;border-radius:6px!important;box-shadow:0 4px 10px #0f172a33!important}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:-6px!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translateY(-50%) rotate(0)!important;cursor:w-resize!important;margin:0!important;width:10px!important;height:40px!important;background:#4f7cff!important;border-radius:6px!important;box-shadow:0 4px 10px #0f172a33!important}.bento-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 24px);margin:12px;padding:16px;background:#fffc;border:2px dashed #d7dfeb;border-radius:16px;color:#4b5563;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.bento-add-btn:active{transform:scale(.98)}.bento-add-icon{font-size:20px;font-weight:300}.react-grid-placeholder{background:#f6f5f1!important;opacity:.5!important;border:1px dashed #e8e6df!important;border-radius:16px!important;transition:all .15s ease!important}._nav_77pt9_3{position:sticky;top:0;width:100%;height:56px;padding-top:env(safe-area-inset-top,0px);background:var(--color-bg-secondary);border-bottom:.5px solid var(--color-divider);display:flex;align-items:center;z-index:100;box-sizing:border-box}._backBtn_77pt9_17{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:none;cursor:pointer;color:var(--color-text-primary);font-size:20px;flex-shrink:0;margin-left:4px}._backBtn_77pt9_17:active{background:var(--color-bg-tertiary)}._title_77pt9_37{flex:1;text-align:center;font-size:17px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._rightSlot_77pt9_48{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:4px}.profile-page{min-height:100vh;background:var(--profile-bg);color:var(--profile-text-primary);font-family:var(--font-family);--profile-bg: #FFFFFF;--profile-card-bg: var(--profile-bg);--profile-card-border: #F1F1F1;--profile-accent: #DADADA;--profile-accent-strong: #CFCFCF;--profile-accent-soft: rgba(218, 218, 218, .35);--profile-text-primary: #111827;--profile-text-secondary: #6B7280;--profile-ui-bg: #FFFFFF;--profile-ui-surface: #F7F7F7;--profile-ui-border: #E6E6E6;--profile-ui-text: #111827;--profile-ui-muted: #6B7280;--profile-ui-accent: #D1D5DB;--profile-ui-accent-soft: rgba(209, 213, 219, .45);--profile-edit-border: #c7d4ea;--profile-edit-border-strong: #8aa7ff;--profile-edit-handle: #4f7cff;--profile-edit-placeholder-bg: #f3f4f6;--profile-edit-placeholder-border: #e5e7eb}.profile-page.theme-cloud,.profile-page.theme-pure{--profile-bg: #FFFFFF;--profile-text-primary: #111827;--profile-text-secondary: #6B7280}.profile-page.theme-peach{--profile-bg: #FFF9F6;--profile-text-primary: #1F2937;--profile-text-secondary: #6B7280}.profile-page.theme-sky{--profile-bg: #F7FBFF;--profile-text-primary: #1F2937;--profile-text-secondary: #6B7280}.profile-container{min-height:100vh;display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:480px;padding:var(--space-md);padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.bento-profile-body{flex:1;display:flex;flex-direction:column;padding:0}.bento-profile-canvas{flex:1;display:flex;flex-direction:column;padding:0;background:transparent;box-shadow:none;border-radius:0}.profile-page .bento-grid-container{padding:0;background:transparent}.profile-page .bento-grid{width:100%;box-sizing:border-box;padding:0}.profile-page .bento-grid-item{padding:0;border-radius:var(--radius-lg);overflow:visible}.profile-page .bento-add-btn{display:none}.profile-page .bento-grid-item:hover{box-shadow:none}.profile-page .bento-grid-container{min-height:auto}.profile-page .bento-block,.profile-page .bento-header,.profile-page .bento-block-type-image,.profile-page .bento-block-image img,.profile-page .bento-block-image-placeholder,.profile-page .bento-stat-item,.profile-page .bento-block-embed iframe,.profile-page .bento-block-embed-placeholder,.profile-page .bento-header-hero{border-radius:var(--radius-lg);box-shadow:none}.profile-page .bento-block{border:none;background:var(--profile-card-bg);box-shadow:none}.profile-page .bento-header{border:none;background:var(--profile-card-bg)}.profile-page .bento-block-type-header{background:transparent;border:none}.profile-page .bento-header-avatar-middle{padding:16px 14px}.profile-page .bento-header-avatar-middle .bento-header-avatar-wrapper{margin-bottom:8px}.profile-page .bento-header-avatar-left{padding:12px 14px;gap:12px}.profile-page .bento-header-avatar-middle .bento-header-avatar-circle,.profile-page .bento-header-avatar-left .bento-header-avatar-circle{width:60px;height:60px;border-width:3px}.profile-page .bento-header-avatar-middle .bento-header-name,.profile-page .bento-header-avatar-left .bento-header-name{font-size:16px;margin-bottom:4px}.profile-page .bento-header-avatar-middle .bento-header-bio,.profile-page .bento-header-avatar-left .bento-header-bio{font-size:12px;line-height:1.35}.profile-page .bento-header-info-bottom,.profile-page .bento-header-body-with-avatar,.profile-page .bento-block-title-content,.profile-page .bento-block-link,.profile-page .bento-block-social,.profile-page .bento-block-text,.profile-page .bento-block-list,.profile-page .bento-block-form,.profile-page .bento-block-stats{background:transparent}.profile-page .bento-header-hero,.profile-page .bento-block-image-placeholder,.profile-page .bento-block-embed-placeholder{background:var(--profile-bg)}.profile-page .bento-demo-tips{margin-top:14px;padding:12px 18px;background:var(--profile-ui-bg);border:none;box-shadow:none;border-radius:var(--radius-lg)}.profile-page .bento-block-editor,.profile-page .bento-header-editor{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--profile-ui-bg);border:1px solid var(--profile-ui-border);box-shadow:none;color:var(--profile-ui-text);z-index:120}.profile-page .bento-block-stats{gap:8px}.profile-page .bento-stat-item{background:var(--profile-card-bg);border:none;padding:10px;border-radius:var(--radius-md)}.profile-page .bento-grid-item.is-editing:hover .bento-block:not(.bento-block-type-header),.profile-page .bento-grid-item.is-selected .bento-block:not(.bento-block-type-header){border:2px dashed var(--profile-edit-border)}.profile-page .bento-grid-item.is-selected .bento-header-hero{border-bottom-color:var(--profile-edit-border)}.profile-page .bento-block-type-header.is-editing:hover .bento-header-hero{border-bottom-color:var(--profile-edit-border-strong)}.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-n,.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-s,.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-e,.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-w{background:var(--profile-edit-handle)!important;box-shadow:none!important;border-radius:999px!important}.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-n,.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-s{width:36px!important;height:12px!important}.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:8px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%)!important}.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:8px!important;left:50%!important;right:auto!important;top:auto!important;transform:translate(-50%)!important}.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-e,.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-w{width:12px!important;height:36px!important}.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:8px!important;top:50%!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important}.profile-page .react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:8px!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translateY(-50%)!important}.profile-page .react-grid-placeholder{background:var(--profile-edit-placeholder-bg)!important;border-color:var(--profile-edit-placeholder-border)!important}.profile-page .bento-header-editor-section input:focus,.profile-page .bento-header-editor-section textarea:focus,.profile-page .bento-header-editor-section select:focus{border-color:var(--profile-ui-accent);box-shadow:0 0 0 3px var(--profile-ui-accent-soft)}.profile-page .editor-style-option{background:var(--profile-ui-surface);border:none;color:var(--profile-ui-muted)}.profile-page .editor-style-option.active{color:var(--profile-ui-text);background:var(--profile-ui-accent-soft)}.profile-page .editor-style-options-4{grid-template-columns:repeat(2,1fr)}.profile-page .car-style-options{gap:10px}.profile-page .car-style-preview{width:72px;height:48px;border-radius:12px;border:1px solid var(--profile-ui-border);background:var(--profile-ui-bg);display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;box-sizing:border-box}.profile-page .car-style-preview .car-style-media{background:var(--profile-ui-border);border-radius:6px}.profile-page .car-style-preview .car-style-plate{background:var(--profile-ui-text);border-radius:6px;opacity:.7}.profile-page .car-style-preview-plate .car-style-media{display:none}.profile-page .car-style-preview-plate .car-style-plate{width:40px;height:10px}.profile-page .car-style-preview-featured{flex-direction:column;align-items:flex-start;justify-content:center}.profile-page .car-style-preview-featured .car-style-media{width:100%;height:22px}.profile-page .car-style-preview-featured .car-style-plate{width:38px;height:8px}.profile-page .car-style-preview-thumb-left,.profile-page .car-style-preview-thumb-right{flex-direction:row;align-items:center;justify-content:space-between}.profile-page .car-style-preview-thumb-left{flex-direction:row}.profile-page .car-style-preview-thumb-right{flex-direction:row-reverse}.profile-page .car-style-preview-thumb-left .car-style-media,.profile-page .car-style-preview-thumb-right .car-style-media{width:16px;height:16px}.profile-page .car-style-preview-thumb-left .car-style-plate,.profile-page .car-style-preview-thumb-right .car-style-plate{flex:1;height:8px}.profile-page .bento-header-editor-btn{border:1px solid var(--profile-ui-border);background:var(--profile-ui-surface);color:var(--profile-ui-text)}.profile-page .bento-header-editor-btn.primary{background:var(--profile-ui-accent);border:none;color:var(--profile-ui-text)}.profile-page .bento-header-editor-btn.ghost{background:var(--profile-ui-bg);color:var(--profile-ui-muted)}.profile-floating-tools{position:fixed;z-index:120;display:grid;gap:4px;padding:4px;border-radius:var(--radius-lg);background:var(--profile-ui-bg);border:1px solid var(--profile-ui-border);box-shadow:none;width:36px;box-sizing:border-box;color:var(--profile-ui-text)}.profile-floating-entry{width:36px;padding:4px;box-sizing:border-box;height:36px;border-radius:var(--radius-md)}.profile-floating-entry-btn{height:48px;width:100%;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--profile-ui-text);cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;touch-action:none}.profile-floating-entry .profile-floating-entry-btn{height:100%;border-radius:inherit}.profile-floating-handle{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 6px;border-radius:var(--radius-md);background:transparent;color:var(--profile-ui-muted);font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:none;width:28px;height:20px;align-self:center}.profile-floating-handle:active{cursor:grabbing}.profile-floating-grip{letter-spacing:1px;color:var(--profile-ui-muted)}.profile-floating-actions{display:grid;grid-template-columns:1fr;gap:4px}.profile-floating-btn{height:46px;width:100%;border-radius:var(--radius-md);border:none;background:transparent;color:var(--profile-ui-text);cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;transition:var(--transition-fast)}.profile-floating-btn.active{background:var(--profile-ui-accent-soft)}.profile-floating-btn:disabled{opacity:.7;cursor:not-allowed}.profile-floating-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.profile-floating-icon svg{width:20px;height:20px}.profile-floating-label{display:none}.profile-style-panel{display:grid;gap:6px;padding:8px;border-radius:var(--radius-lg);border:none;background:var(--profile-ui-bg);color:var(--profile-ui-text)}.profile-style-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--profile-ui-text);font-size:12px;cursor:pointer}.profile-style-option.active{background:var(--profile-ui-accent-soft)}.profile-style-dot{width:12px;height:12px;border-radius:50%;background:var(--swatch);border:1px solid var(--profile-ui-border)}.profile-editor-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a24;z-index:110}.profile-theme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a2e;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.profile-theme-panel{width:100%;max-width:500px;background:var(--profile-ui-bg);border-radius:24px 24px 0 0;padding:20px;box-shadow:0 -10px 30px #0f172a14;animation:slideUp .3s ease;color:var(--profile-ui-text)}.profile-theme-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.profile-theme-title{margin:0;font-size:16px;font-weight:600;color:var(--profile-ui-text)}.profile-theme-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--profile-ui-surface);border:none;border-radius:50%;cursor:pointer;font-size:20px;color:var(--profile-ui-muted)}.profile-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-theme-option{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;padding:0;cursor:pointer}.profile-theme-swatch{width:56px;aspect-ratio:1;border-radius:14px;border:1px solid var(--profile-ui-border);background:var(--swatch);display:flex;align-items:center;justify-content:center}.profile-theme-text{font-size:12px;font-weight:600;color:var(--text-swatch);letter-spacing:.2px}.profile-theme-label{font-size:11px;color:var(--text-swatch)}.profile-theme-option.active .profile-theme-swatch{border-color:var(--profile-ui-text);box-shadow:0 0 0 2px #11182726}.profile-page .add-block-overlay{background:#0f172a2e}.profile-page .add-block-panel{background:var(--profile-ui-bg);border:none;box-shadow:none}.profile-page .add-block-item{background:var(--profile-ui-bg);border:none}.profile-page .add-block-item:hover{background:var(--profile-ui-accent-soft);box-shadow:none}.profile-page .bento-gear-btn{position:fixed;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:var(--profile-ui-bg);color:var(--profile-ui-muted);font-size:18px;cursor:pointer;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:all .2s ease;z-index:30}.profile-page .bento-gear-btn:hover{transform:translateY(0);box-shadow:none}.profile-page .bento-demo-tips p{margin:0;color:var(--profile-ui-muted);font-size:13px;text-align:center}.profile-page .bento-list-item-editor,.profile-page .bento-form-field-editor{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center;margin-bottom:6px}.profile-page .bento-form-field-editor{grid-template-columns:1fr 1fr 120px 60px auto}.profile-page .bento-list-item-editor input,.profile-page .bento-form-field-editor input,.profile-page .bento-form-field-editor select{width:100%;border:1px solid var(--profile-ui-border);border-radius:10px;padding:8px 10px;font-size:13px;background:var(--profile-ui-bg);color:var(--profile-ui-text)}.profile-page .bento-form-required{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--profile-ui-muted)}.profile-page .bento-small-btn{padding:8px 10px;border-radius:10px;border:1px solid var(--profile-ui-border);background:var(--profile-ui-bg);cursor:pointer;font-size:12px}@media (max-width: 520px){.profile-container{padding:var(--space-md);padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.profile-page .bento-gear-btn{top:12px;right:12px;width:40px;height:40px;font-size:16px}}.car-select-list{display:flex;flex-direction:column;gap:12px;padding:8px 0}.car-select-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1px solid var(--profile-ui-border, #e5e7eb);border-radius:12px;background:var(--profile-ui-surface, #f7f7f7);cursor:pointer;transition:all .2s ease}.car-select-item:hover{background:var(--profile-ui-accent-soft, rgba(209, 213, 219, .45));border-color:var(--profile-ui-accent, #d1d5db)}.car-select-info{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.car-select-info span:first-child{font-size:14px;font-weight:600;color:var(--profile-ui-text, #111827)}.car-select-info span:last-child{font-size:12px;color:var(--profile-ui-muted, #6b7280)}.bento-demo-page{min-height:100vh;background:radial-gradient(circle at top,#f8fafc,#eef2ff,#f8fafc 70%);padding:24px 16px 32px;display:flex;flex-direction:column;align-items:center;font-family:Space Grotesk,Segoe UI,sans-serif}.bento-demo-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;margin-bottom:20px}.bento-demo-header h1{margin:0;font-size:20px;font-weight:700;color:#0f172a}.bento-edit-toggle{padding:8px 16px;background:#111827;border:1px solid #111827;border-radius:16px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.bento-edit-toggle:hover{background:#1f2937}.bento-edit-toggle.editing{background:#2563eb;color:#fff;border-color:#2563eb}.bento-demo-content{display:flex;gap:24px;align-items:flex-start}.bento-demo-phone{width:320px;min-height:580px;background:#fff;border-radius:28px;box-shadow:0 14px 40px #0f172a2e;overflow:hidden;display:flex;flex-direction:column;position:relative}.bento-demo-footer{padding:16px;text-align:center;color:#9ca3af;font-size:12px;margin-top:auto}.bento-block-editor{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:18px;box-shadow:0 16px 40px #0f172a47;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;z-index:18;max-height:72%;overflow-y:auto}.bento-block-editor-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#0f172a}.bento-block-editor-close{width:28px;height:28px;border-radius:50%;border:none;background:#f1f5f9;color:#475569;cursor:pointer;font-size:18px}.bento-block-editor-body{display:flex;flex-direction:column;gap:12px}.bento-block-editor-meta{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.bento-block-editor-meta strong{font-size:12px;color:#0f172a}.bento-block-editor-delete{border-radius:14px;padding:10px 0;font-size:13px;font-weight:600;border:1px solid #fecaca;background:#fff5f5;color:#b91c1c;cursor:pointer}.bento-header-editor{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:18px;box-shadow:0 16px 40px #0f172a47;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;z-index:20;max-height:72%;overflow-y:auto}.bento-header-editor-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#0f172a}.bento-header-editor-close{width:28px;height:28px;border-radius:50%;border:none;background:#f1f5f9;color:#475569;cursor:pointer;font-size:18px}.bento-header-editor-section{display:flex;flex-direction:column;gap:6px}.bento-header-editor-section label{font-size:12px;color:#6b7280}.bento-header-editor-section input,.bento-header-editor-section textarea,.bento-header-editor-section select{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;font-size:13px;font-family:inherit;color:#111827;outline:none;background:#fff}.bento-upload-input{display:none}.bento-upload-card{display:block;cursor:pointer}.bento-upload-preview{width:64px;height:64px;border-radius:12px;border:1px dashed #cbd5e1;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.bento-upload-preview.hero{width:100%;height:104px;border-radius:14px}.bento-upload-preview.avatar{border-radius:50%}.bento-upload-preview.has-image{border-style:solid}.bento-upload-card:hover .bento-upload-preview{border-color:#93c5fd}.bento-upload-preview.has-image{position:relative}.bento-upload-preview.has-image:after{content:"点击更换";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;background:#0f172a73;opacity:0;transition:opacity .2s ease}.bento-upload-card:hover .bento-upload-preview.has-image:after{opacity:1}.bento-upload-preview img{width:100%;height:100%;object-fit:cover}.bento-upload-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:11px;font-weight:600;background:linear-gradient(100deg,#e2e8f0 30%,#f8fafc,#e2e8f0 70%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease infinite}.bento-header-editor-section input:focus,.bento-header-editor-section textarea:focus,.bento-header-editor-section select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd59}.bento-header-editor-section input[type=range]{padding:0}.editor-row{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.editor-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.editor-style-options-6{grid-template-columns:repeat(3,1fr)}.editor-style-option{border:1px solid #e5e7eb;background:#f8fafc;border-radius:12px;padding:8px;font-size:10px;font-weight:600;cursor:pointer;color:#475569;display:flex;flex-direction:column;align-items:center;gap:4px}.editor-style-option.active{border-color:#3b82f6;color:#1d4ed8;background:#eff6ff}.bento-header-editor-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.bento-header-editor-btn{border-radius:14px;padding:10px 0;font-size:13px;font-weight:600;border:1px solid #e5e7eb;background:#fff;color:#0f172a;cursor:pointer}.bento-header-editor-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.bento-header-editor-btn.ghost{background:#f8fafc;color:#475569}.style-preview{width:100%;height:44px;border-radius:8px;background:#f1f5f9;display:flex;flex-direction:column;gap:4px;padding:4px;box-sizing:border-box;position:relative;overflow:hidden}.style-preview-hero,.style-preview-rect,.style-preview-avatar,.style-preview-avatar-small,.style-preview-lines span{background:linear-gradient(100deg,#e2e8f0 25%,#f8fafc,#e2e8f0 65%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease infinite}.style-preview-avatar-middle{align-items:center;justify-content:center}.style-preview-avatar-middle .style-preview-avatar{width:16px;height:16px;border-radius:50%;margin-bottom:2px}.style-preview-avatar-middle .style-preview-lines{width:80%}.style-preview-avatar-left{flex-direction:row;align-items:center;gap:4px}.style-preview-avatar-left .style-preview-avatar{width:16px;height:16px;border-radius:50%;flex-shrink:0}.style-preview-avatar-left .style-preview-lines{flex:1}.style-preview-img-rect .style-preview-hero,.style-preview-img-rect-full .style-preview-hero{height:20px;border-radius:4px}.style-preview-img-rect-full .style-preview-hero{height:24px}.style-preview-img-avatar,.style-preview-img-avatar-full{gap:2px}.style-preview-img-avatar .style-preview-hero,.style-preview-img-avatar-full .style-preview-hero{height:16px;border-radius:4px}.style-preview-img-avatar-full .style-preview-hero{height:20px}.style-preview-body{display:flex;align-items:center;gap:4px}.style-preview-avatar-small{width:12px;height:12px;border-radius:50%;flex-shrink:0}.style-preview-lines{flex:1;display:flex;flex-direction:column;gap:3px}.style-preview-lines span{height:4px;border-radius:999px}.style-preview-lines span:last-child{width:70%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bento-demo-tips{margin-top:20px;padding:12px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.bento-demo-tips p{margin:0;color:#6b7280;font-size:13px;text-align:center}@media (max-width: 768px){.bento-demo-header{max-width:360px}.bento-demo-content{flex-direction:column;align-items:center}}.conversation-page{min-height:100vh;background:var(--color-bg-primary);padding-bottom:100px}.conversation-content{max-width:400px;margin:0 auto;padding:16px}.conversation-page .page-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.conversation-card{background:var(--color-bg-secondary);border-radius:12px;overflow:hidden}.conversation-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:.5px solid var(--color-divider)}.conversation-item:active{background-color:var(--color-bg-tertiary)}.conversation-item:last-child{border-bottom:none}.conversation-avatar{width:44px;height:44px;border-radius:50%;margin-right:12px;object-fit:cover;background:var(--color-bg-tertiary);flex-shrink:0}.conversation-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-accent-text);font-size:16px;font-weight:600;font-family:var(--font-family)}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.conversation-row{display:flex;align-items:center;gap:8px}.conversation-name{font-size:17px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{font-size:14px;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-info .plate-display{margin-top:2px}.conversation-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:8px;flex-shrink:0}.conversation-time{font-size:14px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:4px}.conversation-time:after{content:"›";font-size:17px;font-weight:300;color:#c7c7cc}.conversation-unread{width:8px;height:8px;background:var(--color-error);border-radius:50%}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:56px;margin-bottom:var(--space-md);opacity:.4}.empty-text{font-size:15px;color:var(--color-text-tertiary)}.loading-state{display:flex;justify-content:center;align-items:center;padding:60px}.loading-spinner{width:28px;height:28px;border:2.5px solid var(--color-divider);border-top-color:var(--color-text-secondary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 390px){.conversation-avatar{width:40px;height:40px}.conversation-name{font-size:16px}.conversation-preview{font-size:14px}}.register-page{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center}.register-content{width:100%;max-width:400px;padding:16px;margin-top:20px}.register-title{font-size:1.5rem;font-weight:700;text-align:center;margin:0;color:var(--color-text-primary)}.register-subtitle{font-size:.9375rem;text-align:center;margin:var(--space-xs) 0 var(--space-xl);color:var(--color-text-tertiary)}.register-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.register-card .form-group{margin-bottom:var(--space-lg)}.register-card .form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.register-card .form-input{width:100%;height:48px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);font-size:1rem;color:var(--color-text-primary);transition:var(--transition-base)}.register-card .form-input:focus{outline:none;border-color:var(--color-accent)}.register-card .form-input::placeholder{color:var(--color-text-tertiary)}.code-row{display:flex;gap:var(--space-sm)}.code-input{flex:1}.code-btn{flex:0 0 auto;min-width:100px;height:48px;padding:0 var(--space-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-base);white-space:nowrap}.code-btn:active:not(:disabled){background:var(--color-bg-hover)}.code-btn:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.submit-btn{width:100%;height:52px;background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base)}.submit-btn:active{background:var(--color-accent-hover);transform:scale(.98)}.login-link{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-divider);font-size:.875rem;color:var(--color-text-tertiary);cursor:pointer}.login-link .link-text{color:var(--color-text-primary);font-weight:600;margin-left:var(--space-xs)}.login-link:active .link-text{text-decoration:underline}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.agreement-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.checkbox-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background:var(--color-bg-secondary);transition:var(--transition-base)}.checkbox-wrapper input[type=checkbox]:checked+.checkmark{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-wrapper input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.agreement-text{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.agreement-link{color:var(--color-accent);text-decoration:none}.agreement-link:active{text-decoration:underline}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.agreement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.agreement-modal{background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.agreement-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-divider)}.agreement-modal-header h2{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.agreement-modal-header .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:var(--color-text-tertiary);cursor:pointer;border-radius:50%;transition:var(--transition-base)}.agreement-modal-header .close-btn:active{background:var(--color-bg-tertiary)}.agreement-modal-body{flex:1;padding:var(--space-lg);overflow-y:auto;font-size:.875rem;color:var(--color-text-secondary);line-height:1.7}.agreement-modal-body h3{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:var(--space-lg) 0 var(--space-sm)}.agreement-modal-body h3:first-of-type{margin-top:var(--space-md)}.agreement-modal-body p{margin:var(--space-sm) 0}.agreement-modal-body ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.agreement-modal-body li{margin:var(--space-xs) 0}.agreement-modal-body strong{color:var(--color-text-primary)}.agreement-modal-body .agreement-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-divider);font-style:italic;color:var(--color-text-tertiary)}.agreement-modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-divider)}.agreement-modal-footer .agree-btn{width:100%;height:48px;background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base)}.agreement-modal-footer .agree-btn:active{background:var(--color-accent-hover)}.already-registered{text-align:center;padding:var(--space-lg) 0}.registered-hint{font-size:1.125rem;color:var(--color-text-primary);margin:0 0 var(--space-lg)}.visit-btn{background:var(--color-accent);color:var(--color-accent-text)}.visit-btn:active{background:var(--color-accent-hover)}.subscribe-page{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column}.subscribe-content{width:100%;max-width:400px;padding:16px}.subscribe-card{background:var(--color-bg-secondary);border-radius:12px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.brand-header{margin-bottom:24px}.brand-logo{width:48px;height:48px}.subscribe-title{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.subscribe-desc{font-size:15px;line-height:1.5;color:var(--color-text-secondary);margin:0 0 24px}.qr-section{margin-bottom:24px}.qr-container{background:var(--color-bg-tertiary);padding:8px;border-radius:12px;display:inline-block}.qr-image{width:160px;height:160px;display:block;border-radius:4px}.feature-list{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:6px}.divider{width:1px;height:20px;background:var(--color-divider)}.feature-item .icon{font-size:16px}.feature-item .text{font-size:11px;font-weight:500;color:var(--color-text-tertiary)}.footer-tip{font-size:12px;color:var(--color-text-tertiary)}.login-page{min-height:100vh;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center}.login-content{width:100%;max-width:400px;padding:16px;text-align:center}.login-brand{margin-bottom:var(--space-xxl)}.login-logo{width:72px;height:72px;margin-bottom:var(--space-md)}.login-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-sm)}.login-desc{font-size:.9rem;color:var(--color-text-secondary);margin:0}.login-btn{width:100%;height:52px;background:#07c160;color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base)}.login-btn:active{background:#06ad56;transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-terms{margin-top:var(--space-lg);font-size:.75rem;color:var(--color-text-tertiary)}.login-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.login-loading p{font-size:.9rem;color:var(--color-text-secondary)}.login-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.login-error .error-message{font-size:.9rem;color:#f53f3f;background:#f53f3f1a;padding:var(--space-md);border-radius:var(--radius-md);width:100%}.invite-page{min-height:100vh;background:var(--color-bg-primary);padding-bottom:100px}.invite-content{max-width:400px;margin:0 auto;padding:16px}.invite-page .page-title{font-size:1.5rem;font-weight:700;text-align:center;margin:0 0 var(--space-xl);color:var(--color-text-primary)}.invite-page .loading-state{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.reward-banner{background:var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;margin-bottom:var(--space-md)}.reward-title{font-size:1.1rem;font-weight:700;color:var(--color-accent-text);margin:0 0 var(--space-xs)}.reward-desc{font-size:.8rem;color:var(--color-accent-text);opacity:.8;margin:0 0 var(--space-md)}.reward-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.reward-item{background:#ffffffe6;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);text-align:center}.reward-label{display:block;font-size:.7rem;color:var(--color-text-secondary)}.reward-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.reward-plus{font-size:1rem;font-weight:700;color:var(--color-accent-text)}.code-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;margin-bottom:var(--space-md)}.code-label{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 var(--space-sm)}.code-display{font-size:1.5rem;font-weight:700;font-family:var(--font-family-mono);color:var(--color-text-primary);letter-spacing:2px;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:background .15s ease;cursor:pointer;-webkit-user-select:all;user-select:all;border:2px dashed var(--color-accent)}.code-display:active{background:var(--color-bg-hover, rgba(0, 0, 0, .05));transform:scale(.98)}.code-desc{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 var(--space-lg)}.btn-copy,.btn-create{width:100%;height:48px;background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-copy:active,.btn-create:active{background:var(--color-accent-hover)}.btn-copy.copied{background:var(--color-success);color:#fff}.btn-create:disabled{opacity:.6;cursor:not-allowed}.history-card{background:var(--color-bg-secondary);border-radius:12px;padding-bottom:8px}.history-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:.5px solid var(--color-divider);margin-bottom:8px}.history-title{font-size:13px;font-weight:500;color:var(--color-text-tertiary);margin:0;letter-spacing:.2px}.history-item{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 16px;border-bottom:.5px solid var(--color-divider);transition:background-color .15s ease}.history-item:last-child{border-bottom:none}.history-item:active{background-color:var(--color-bg-tertiary)}.record-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.record-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--color-bg-tertiary);flex-shrink:0}.record-info{display:flex;flex-direction:column;gap:4px;min-width:0}.record-name{font-size:17px;font-weight:500;color:var(--color-text-primary)}.record-time{font-size:14px;color:var(--color-text-tertiary)}.record-reward{font-size:17px;font-weight:400;color:#c7c7cc}.empty-hint{font-size:15px;color:var(--color-text-tertiary);text-align:center;height:44px;line-height:44px;margin:0}.history-code{font-size:.85rem;font-weight:600;font-family:var(--font-family-mono);color:var(--color-text-primary)}.history-usage{font-size:.75rem;color:var(--color-text-tertiary)}.lottery-page{padding:16px;min-height:100vh;background-color:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center}.lottery-header{margin-bottom:20px;text-align:center}.lottery-header h1{font-size:2rem;font-weight:800;color:#333;text-transform:uppercase;letter-spacing:-1px}.game-container{background:#333;padding:15px;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:100%;width:360px}.animal-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:4px;background:#222;border:4px solid #444;border-radius:8px;padding:4px;aspect-ratio:6/4}.animal-cell{background-image:url(/assets/unnamed-CsQ1l2Oi.jpg);background-size:600% 400%;background-repeat:no-repeat;border-radius:4px;transition:transform .1s;box-sizing:border-box;width:100%;height:100%;aspect-ratio:1/1}.animal-cell.active{position:relative;z-index:10;box-shadow:0 0 0 3px #f0f,0 0 15px #f0f;transform:scale(1.1);border:2px solid #fff}.controls{margin-top:30px;display:flex;justify-content:center}.start-btn{background:#000;color:#fff;border:none;padding:15px 40px;font-size:1.5rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 5px #333;transition:all .1s}.start-btn:active{transform:translateY(5px);box-shadow:none}.start-btn.running{background:#f44;box-shadow:0 5px #900}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;padding:40px;border-radius:20px;text-align:center;animation:popUp .4s cubic-bezier(.175,.885,.32,1.275);max-width:80%}.reward-icon{font-size:4rem;margin-bottom:20px;display:block}.reward-text{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:30px}.close-btn{background:#333;color:#fff;border:none;padding:10px 30px;font-size:1.2rem;border-radius:25px;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.chat-message{display:flex;align-items:flex-start;max-width:80%;margin-bottom:12px}.chat-message.self{align-self:flex-end}.chat-message.other{align-self:flex-start}.chat-message .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;margin:0 8px;background-color:#f0eee9;flex-shrink:0}.chat-message.self .avatar{margin-left:8px;margin-right:0}.chat-message.other .avatar{margin-right:8px;margin-left:0}.bubble{padding:12px 16px;border-radius:18px;background:#fff;color:#2d2a26;word-break:break-word;max-width:100%;font-size:15px;line-height:1.5;box-shadow:none;border:none}.chat-message.self .bubble{background:#f0eee9;color:#2d2a26;border-bottom-right-radius:4px;box-shadow:0 1px 2px #0000000d}.chat-message.other .bubble{background:#fff;border:1px solid #EFEFEF;color:#2d2a26;border-bottom-left-radius:4px}.message-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.08)}.chat-message.self .message-tags{border-top-color:#2d2a2614}.chat-page{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg-primary);position:relative;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.chat-header{min-height:56px;background:var(--color-bg-secondary);border-bottom:.5px solid var(--color-divider);display:flex;align-items:center;padding:var(--space-sm) var(--space-md);position:sticky;top:0;z-index:10}.back-btn{font-size:28px;background:none;border:none;padding:var(--space-sm);margin-right:var(--space-xs);line-height:1;color:var(--color-text-primary);width:44px;height:44px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;z-index:20;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-md)}.back-btn:active{opacity:.6}.header-content{flex:1;display:flex;align-items:center;gap:10px}.header-content.clickable{cursor:pointer;border-radius:8px;padding:4px;margin:-4px;transition:background-color .15s ease}.header-content.clickable:active{background-color:var(--color-bg-tertiary)}.header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--color-bg-tertiary);flex-shrink:0}.header-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-accent-text);font-size:16px;font-weight:600}.header-info{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.header-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.header-arrow{font-size:20px;font-weight:300;color:#c7c7cc;margin-left:auto}.header-spacer{width:32px;flex-shrink:0}.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.load-more-container{display:flex;justify-content:center;padding:8px 0}.load-more-btn{padding:8px 20px;background:var(--color-bg-tertiary);border:none;border-radius:16px;font-size:13px;color:var(--color-text-secondary);cursor:pointer}.load-more-btn:active{background:var(--color-bg-hover)}.load-more-btn:disabled{opacity:.6;cursor:wait}.chat-footer{min-height:50px;background:var(--color-bg-secondary);border-top:.5px solid var(--color-divider);padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}.input-area{display:flex;align-items:flex-end;flex:1;background:var(--color-bg-tertiary);border-radius:20px;padding:6px 12px}.input-area textarea{flex:1;background:transparent;border:none;font-size:16px;resize:none;padding:8px 0;max-height:100px;outline:none;color:var(--color-text-primary);font-family:var(--font-family)}.input-area textarea::placeholder{color:var(--color-text-tertiary)}.send-btn{border:none;background:var(--color-accent);color:var(--color-accent-text);font-weight:600;font-size:15px;padding:0 16px;height:36px;border-radius:18px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;align-self:center;transition:var(--transition-base)}.send-btn:active{opacity:.9;transform:scale(.96)}.send-btn:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;transform:none}.chat-page .loading-state{flex:1;display:flex;align-items:center;justify-content:center}.chat-page .loading-spinner{width:28px;height:28px;border:2.5px solid var(--color-divider);border-top-color:var(--color-text-secondary);border-radius:50%;animation:spin .8s linear infinite}.plate-index-page{min-height:100vh;background:var(--color-bg-primary)}.plate-index-page .index-header{display:flex;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-divider);position:sticky;top:0;z-index:10}.plate-index-page .back-btn{font-size:24px;color:var(--color-text-primary);text-decoration:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-right:var(--space-sm)}.plate-index-page .back-btn:active{background:var(--color-bg-tertiary)}.plate-index-page .page-title{font-size:18px;font-weight:600;margin:0}.plate-index-page .index-content{padding:var(--space-md)}.plate-index-page .plate-input-section{margin-bottom:var(--space-md);max-width:360px;margin-left:auto;margin-right:auto}.plate-index-page .level-hint{text-align:center;color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--space-md)}.plate-index-page .char-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}.plate-index-page .char-link{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;background:var(--color-bg-secondary);border:1px solid var(--color-divider);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;transition:all .15s ease}.plate-index-page .char-link:active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:scale(.95)}.plate-index-page .index-footer{padding:var(--space-lg) var(--space-md);text-align:center;color:var(--color-text-tertiary);font-size:13px}.plate-index-page .loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.plate-index-page .loading-spinner{width:28px;height:28px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.about-page{min-height:100vh;background:var(--color-bg-primary)}.about-page .about-header{display:flex;align-items:center;padding:var(--space-md);background:transparent;position:sticky;top:0;z-index:10}.about-page .back-btn{font-size:24px;color:var(--color-text-primary);text-decoration:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.about-page .back-btn:active{background:var(--color-bg-tertiary)}.about-page .page-title{font-size:17px;font-weight:600;margin:0}.about-page .about-content{padding:0 var(--space-lg);max-width:500px;margin:0 auto}.about-page .hero-section{text-align:center;padding:60px 0 80px}.about-page .hero-logo{width:72px;height:72px;margin-bottom:var(--space-lg)}.about-page .hero-title{font-size:28px;font-weight:700;margin:0 0 var(--space-md);color:var(--color-text-primary);letter-spacing:-.5px}.about-page .hero-tagline{font-size:20px;font-weight:500;color:var(--color-text-secondary);margin:0;line-height:1.5}.about-page .feature-section{text-align:center;padding:48px 0;border-top:1px solid var(--color-divider)}.about-page .feature-title{font-size:32px;font-weight:700;margin:0 0 var(--space-md);color:var(--color-text-primary);letter-spacing:-.5px}.about-page .feature-desc{font-size:17px;color:var(--color-text-secondary);margin:0;line-height:1.6}.about-page .origin-section{text-align:center;padding:60px 0;border-top:1px solid var(--color-divider)}.about-page .origin-text{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.6}.about-page .origin-sub{font-size:15px;font-weight:400;color:var(--color-text-tertiary)}.about-page .cta-section{text-align:center;padding:40px 0 60px}.about-page .cta-btn{display:inline-block;padding:14px 32px;background:var(--color-accent);color:var(--color-accent-text);text-decoration:none;border-radius:12px;font-size:15px;font-weight:600;transition:transform .2s ease}.about-page .cta-btn:active{transform:scale(.96)}.about-page .about-footer{text-align:center;padding:40px 0 60px;border-top:1px solid var(--color-divider)}.about-page .copyright{font-size:13px;color:var(--color-text-tertiary);margin:0 0 var(--space-xs)}.about-page .icp-link{font-size:12px;color:var(--color-text-tertiary);text-decoration:none;opacity:.7}.about-page .icp-link:active{color:var(--color-accent)}.about-page .legal-links-section{text-align:center;padding:var(--space-lg) 0;border-top:1px solid var(--color-divider)}.about-page .legal-link{font-size:14px;color:var(--color-text-secondary);text-decoration:none}.about-page .legal-link:active{color:var(--color-accent)}.about-page .legal-divider{margin:0 var(--space-md);color:var(--color-text-tertiary)}.legal-page{min-height:100vh;background:var(--color-bg-primary)}.legal-content{padding:var(--space-lg);max-width:600px;margin:0 auto;padding-bottom:80px}.legal-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-sm);letter-spacing:-.5px}.legal-update{font-size:13px;color:var(--color-text-tertiary);margin:0 0 var(--space-xl)}.legal-section{margin-bottom:var(--space-xl)}.legal-section h2{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-divider)}.legal-section:first-of-type h2{border-top:none;padding-top:0}.legal-section h3{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:var(--space-md) 0 var(--space-sm)}.legal-section p{font-size:15px;line-height:1.7;color:var(--color-text-secondary);margin:0 0 var(--space-md)}.legal-section ul{margin:0 0 var(--space-md);padding-left:var(--space-lg)}.legal-section li{font-size:15px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.legal-section li strong{color:var(--color-text-primary);font-weight:500}.legal-footer{text-align:center;padding:var(--space-xl) 0;border-top:1px solid var(--color-divider);margin-top:var(--space-xl)}.legal-footer p{font-size:13px;color:var(--color-text-tertiary);margin:0}._container_tlzuu_3{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:100%;padding:var(--space-lg)}._fullScreen_tlzuu_13{min-height:100vh;min-height:100dvh;background:var(--color-bg-primary)}._spinner_tlzuu_20{position:relative;width:48px;height:48px}._ring_tlzuu_26{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%}._ring_tlzuu_26:nth-child(1){border-top-color:var(--color-accent);animation:_spin_tlzuu_20 1s linear infinite}._ring_tlzuu_26:nth-child(2){border-right-color:var(--color-accent);animation:_spin_tlzuu_20 1s linear infinite .15s;opacity:.7}._ring_tlzuu_26:nth-child(3){border-bottom-color:var(--color-accent);animation:_spin_tlzuu_20 1s linear infinite .3s;opacity:.4}._text_tlzuu_51{margin-top:var(--space-md);font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-family);letter-spacing:.02em}@keyframes _spin_tlzuu_20{to{transform:rotate(360deg)}}:root{--color-bg-primary: #F7F7F7;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F0F0F0;--color-bg-hover: #E8E8E8;--color-text-primary: #1A1A1A;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-accent: #FDD436;--color-accent-hover: #F5C518;--color-accent-text: #1A1A1A;--color-plate-blue: #0052D4;--color-plate-green: #00A65A;--color-red-packet: #FF4D4F;--color-red-packet-hover: #E63E40;--color-red-packet-bg: #FFF1F0;--color-success: #34C759;--color-error: #FF3B30;--color-warning: #FF9500;--color-info: #007AFF;--color-border: #E0E0E0;--color-divider: #EBEBEB;--focus-ring: 0 0 0 3px rgba(253, 212, 54, .4);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Menlo", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--touch-target-min: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100%;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-primary)}a{color:var(--color-text-primary);text-decoration:none;font-weight:600}a:active{opacity:.7}button,input{font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.container{max-width:480px;margin:0 auto;padding:0 20px;width:100%}.flex-center{display:flex;align-items:center;justify-content:center}.text-mono{font-family:var(--font-family-mono)}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:var(--radius-lg);font-weight:600;transition:var(--transition-base)}.btn-primary:active{background:var(--color-accent-hover);transform:scale(.98)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:none;border-radius:var(--radius-lg);font-weight:500;transition:var(--transition-base)}.btn-secondary:active{background:var(--color-bg-hover);transform:scale(.98)}.link{color:var(--color-text-secondary);transition:var(--transition-base)}.link:active{color:var(--color-text-primary)}.page{min-height:100vh;background:var(--color-bg-primary);display:flex;flex-direction:column}.page-centered{min-height:100vh;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.page-content{width:100%;max-width:400px}.page-header{display:flex;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary)}.page-header .back-btn{width:36px;height:36px;border:none;background:transparent;color:var(--color-text-primary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-base)}.page-header .back-btn:active{background:var(--color-bg-tertiary)}.page-header .page-title{flex:1;text-align:center;font-size:1.1rem;font-weight:600;margin:0}.page-header .spacer{width:36px}.page-body{flex:1;padding:var(--space-md);max-width:440px;margin:0 auto;width:100%}.card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.form-input{width:100%;height:48px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);font-size:1rem;color:var(--color-text-primary);transition:var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-input::placeholder{color:var(--color-text-tertiary)}.btn-block{width:100%;height:52px;background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base)}.btn-block:active{background:var(--color-accent-hover);transform:scale(.98)}.btn-block:disabled{opacity:.6;cursor:not-allowed}.btn-outline{height:44px;padding:0 var(--space-md);background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.btn-outline:active{background:var(--color-bg-tertiary)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.list-item{display:flex;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base)}.list-item:active{background:var(--color-bg-tertiary)}.list-item+.list-item{margin-top:var(--space-sm)}.list-item-icon{width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-right:var(--space-md)}.list-item-content{flex:1}.list-item-title{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.list-item-desc{font-size:.8rem;color:var(--color-text-tertiary);margin-top:2px}.list-item-arrow{color:var(--color-text-tertiary);font-size:1rem}.empty-state{text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--color-text-tertiary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md)}.empty-state-text{font-size:.9rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button,.interactive{transition:background .15s ease,color .15s ease,opacity .15s ease,transform .1s ease}button:not(:disabled):active,.interactive:active{transform:scale(.98)}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;white-space:nowrap;animation:toastFadeIn .3s ease-out}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.toast.success{background:#00b42ae6}.toast.error{background:#f53f3fe6}.wechat-qr-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:10000;animation:qrOverlayFadeIn .4s ease-out}@keyframes qrOverlayFadeIn{0%{opacity:0}to{opacity:1}}.wechat-qr-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 32px;width:100%;max-width:340px;text-align:center;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #fff3;animation:qrModalSlideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes qrModalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wechat-qr-header{margin-bottom:24px}.wechat-qr-header .wechat-icon{width:64px;height:64px;background:linear-gradient(135deg,#07c160,#00a94a);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 10px 20px -5px #07c16066}.wechat-qr-header .wechat-icon svg{fill:#fff}.wechat-qr-header h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0;letter-spacing:-.02em}.wechat-qr-content{display:flex;flex-direction:column;align-items:center}.wechat-qr-image{width:200px;height:200px;border-radius:16px;border:4px solid #f5f5f7;box-shadow:0 4px 12px #0000001a;object-fit:contain;background:#fff}.wechat-qr-tip{margin-top:20px;font-size:.9rem;color:#666;font-weight:500}
