@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{background-color:#f8f6f3;color:#374151;color-scheme:light;font-weight:400;line-height:1.5;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{transition:border-color .25s;cursor:pointer;border:1px solid transparent;border-radius:8px;background-color:#f9f9f9;padding:.6em 1.2em;font-weight:500;font-size:1em;font-family:inherit}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.ant-modal{font-family:"Noto Serif SC",STSong,serif}.ant-modal-content{border-radius:12px;border:1px solid #e0ddd8;box-shadow:0 8px 24px #0000001a}.ant-modal-header{border-bottom:1px solid #e0ddd8;border-radius:12px 12px 0 0;background:#f8f6f3;padding:16px 20px}.ant-modal-title{font-family:"Noto Serif SC",STSong,serif;font-size:1.1rem;font-weight:600;color:#8b4513;letter-spacing:.08em}.ant-modal-body{padding:20px;color:#374151}.ant-modal-footer{border-top:1px solid #e0ddd8;border-radius:0 0 12px 12px;padding:12px 20px}.ant-modal-footer .ant-btn{border-radius:8px;transition:all .2s ease;font-family:inherit}.ant-modal-footer .ant-btn-primary{background:#8b4513;border-color:#8b4513;box-shadow:0 2px 6px #8b451340}.ant-modal-footer .ant-btn-primary:hover{background:sienna;border-color:sienna;transform:translateY(-1px);box-shadow:0 4px 10px #8b451359}.ant-modal-footer .ant-btn:not(.ant-btn-primary){border-color:#e0ddd8;color:#6b7280}.ant-modal-footer .ant-btn:not(.ant-btn-primary):hover{border-color:#8b4513;color:#8b4513;background:#faf5f0}.ant-input,.ant-input-affix-wrapper,.ant-input-password{border-color:#e0ddd8;border-radius:8px;transition:all .2s ease}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-password:focus,.ant-input:focus-visible,.ant-input-affix-wrapper:focus-visible,.ant-input-password:focus-visible{border-color:#8b4513;box-shadow:0 0 0 2px #8b45131a}.ant-input::placeholder,.ant-input-affix-wrapper input::placeholder{color:#9ca3af}.ant-checkbox-wrapper{color:#374151;font-size:.9rem}.ant-checkbox-checked .ant-checkbox-inner{background-color:#8b4513;border-color:#8b4513}.ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:#8b4513}#root{margin:0 auto;width:100%;max-width:800px;min-height:100vh}@media(min-width:840px){#root{box-shadow:0 0 40px #0000001a}}.logo{transition:filter .3s;will-change:filter;padding:1.5em;height:6em}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.gems-modal .ant-modal-content{background:var(--bg);border-radius:12px}.gems-modal .ant-modal-header{background:var(--bg);border-bottom:1px solid var(--border);padding:20px 24px}.gems-modal .ant-modal-title{color:var(--primary);font-family:"Noto Serif SC",STSong,serif;font-size:1.2rem;font-weight:600}.gems-modal .ant-modal-body{padding:24px;background:var(--bg)}.gems-wechat-tip{margin:20px auto;text-align:center;padding:16px;background:var(--primary-light);border-radius:8px;border:1px solid var(--border)}.gems-wechat-tip p{margin:0 0 12px;color:var(--text);font-size:.9rem}.gems-qrcode-container{display:flex;justify-content:center;margin:20px 0}.gems-tip{text-align:center;color:var(--text-light);font-size:.85rem;margin:8px 0}.gems-warning{display:block;margin-top:16px;font-size:.8rem;text-align:center;color:var(--text-light)}.gems-plans-container{max-width:400px;margin:0 auto}.gems-hint{color:#fa8c16;font-size:.9rem;margin-bottom:16px;padding:12px;background:var(--primary-light);border-radius:8px;border:1px dashed var(--primary)}.gems-plans-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.gems-plan-btn{width:100%;height:48px;border-radius:10px;border:1px solid var(--border);background:var(--bg-white);color:var(--primary);font-weight:600;font-size:.95rem;transition:var(--transition)}.gems-plan-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px);box-shadow:0 3px 12px var(--shadow)}.gems-plan-btn:active{transform:translateY(0)}.gems-usage{margin-top:24px;padding:16px;background:var(--bg-white);border-radius:8px;border:1px solid var(--border)}.gems-usage-title{color:var(--text);font-weight:600;font-size:.9rem;margin-bottom:12px}.gems-usage-list{margin:0;padding-left:20px;color:var(--text-light);font-size:.85rem;line-height:1.8}.gems-usage-list li{margin-bottom:4px}@media(max-width:480px){.gems-modal .ant-modal-body{padding:20px 16px}.gems-plan-btn{height:44px;font-size:.9rem}}.announcement-content p{margin:8px 0;color:#374151;font-size:.9rem;line-height:1.6}.announcement-footer{display:flex;justify-content:center;margin-top:20px}.announcement-close-btn{cursor:pointer;border:1px solid #d4a574;border-radius:6px;background:#8b451314;padding:8px 32px;color:#8b4513;font-size:.9rem;font-family:inherit;transition:all .2s ease}.announcement-close-btn:hover{border-color:#8b4513;background:#8b451326}html:has(.game-container),body:has(.game-container){background-color:#f8f6f3}.game-container{margin:0 auto;background:#f8f6f3;width:100%;max-width:800px;min-height:100vh;color:#374151;font-family:"Noto Serif SC",serif}.game-header{display:flex;position:fixed;top:0;left:50%;justify-content:space-between;align-items:center;transform:translate(-50%);z-index:1000;box-sizing:border-box;box-shadow:0 2px 8px #0000000a;border-bottom:1px solid #e0ddd8;background:#f8f6f3;padding:12px 20px;width:100%;max-width:800px}.game-header.simple{padding:10px 20px}.header-title{position:absolute;left:50%;transform:translate(-50%);color:#8b4513;font-weight:700;font-size:1.2rem;font-family:"Noto Serif SC",serif;letter-spacing:.15em}.header-right{display:flex;align-items:center;gap:12px}.back-btn{transition:all .2s ease;cursor:pointer;border:1px solid #e0ddd8;border-radius:6px;background:transparent;padding:8px 16px;color:#6b7280;font-size:.9rem;font-family:inherit}.back-btn:hover{border-color:#8b4513;background:#8b45130d;color:#8b4513}.gems-header-btn{transition:all .2s ease;cursor:pointer;border:none;border-radius:6px;background:transparent;padding:6px;color:#8b6914;font-size:.8rem;font-family:inherit;display:flex;align-items:center;justify-content:center}.gems-header-btn:hover{border-color:#a07d2e;background:#c9a96e33}.period-trigger-btn{transition:all .2s ease;cursor:pointer;border:1px solid #d4a574;border-radius:6px;background:#8b451314;padding:8px 16px;color:#8b4513;font-size:.85rem;font-family:inherit}.period-trigger-btn:hover{border-color:#8b4513;background:#8b451326}.period-dropdown{position:absolute;top:100%;right:20px;z-index:100;animation:dropdownFadeIn .2s ease;margin-top:8px;box-shadow:0 8px 24px #0000001a;border:1px solid #e0ddd8;border-radius:12px;background:#fffffe;padding:16px}@keyframes dropdownFadeIn{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.period-dropdown-title{margin-bottom:12px;color:#6b7280;font-size:.85rem;letter-spacing:1px;text-align:center}.period-dropdown-options{display:flex;gap:8px}.period-dropdown-btn{transition:all .2s ease;cursor:pointer;border:1px solid #e0ddd8;border-radius:6px;background:#fffffe;padding:8px 16px;color:#6b7280;font-size:.9rem;font-family:inherit}.period-dropdown-btn:hover{border-color:#8b4513;color:#8b4513}.period-dropdown-btn.active{box-shadow:0 2px 8px #8b451340;border-color:#8b4513;background:#8b4513;color:#fff}.story-container{display:flex;flex-direction:column;gap:20px;padding:100px 20px}.story-item{animation:fadeIn .5s ease}@keyframes fadeIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.narrative-block{display:flex;flex-direction:column;gap:0}.time-info{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:0 4px}.time-tag{border:1px solid #e0ddd8;border-radius:4px;background:#efecea;padding:3px 10px;color:#5c5550;font-size:.75rem}.time-tag.location{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.narrative-text{box-shadow:0 2px 8px #00000008;border:1px solid #e0ddd8;border-left:4px solid #8b4513;border-radius:8px;background:#fffffe;padding:20px 24px;color:#1a1a1a;font-size:1.05rem;line-height:2;letter-spacing:.5px;white-space:pre-wrap}.summary-block{margin-top:12px;border-left:3px solid #d4a574;border-radius:6px;background:#fef7ed;padding:12px 14px;color:#8b4513;line-height:1.6}.epitaph-block{margin-top:10px;border-left:3px solid #ef4444;border-radius:6px;background:#fef2f2;padding:10px 12px;color:#991b1b;font-style:italic}.epitaph-share-btn{display:block;margin-top:8px;padding:6px 18px;border:1px solid #ef4444;border-radius:6px;background:#fef2f2;color:#991b1b;font-size:.85rem;cursor:pointer;transition:background .2s,color .2s}.epitaph-share-btn:hover{background:#ef4444;color:#fff}.epitaph-share-btn:active{background:#dc2626;color:#fff}.epitaph-rate-block{margin-top:12px;display:flex;align-items:center;gap:8px;padding:6px 0}.epitaph-rate-label{font-size:.85rem;color:#991b1b}.epitaph-rate-stars{display:flex;gap:4px}.epitaph-rate-star{padding:2px;border:none;background:none;cursor:pointer;color:#d4a574;font-size:1.1rem;transition:color .2s,transform .15s}.epitaph-rate-star:hover{color:#ef4444;transform:scale(1.15)}.epitaph-rate-done{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#16a34a}.epitaph-rate-stars-done .epitaph-rate-star{cursor:default;color:#d4a574}.epitaph-rate-stars-done .epitaph-rate-star.filled{color:#f59e0b}.choice-record{border-left:3px solid #d4a574;border-radius:6px;background:#f9fafb;padding:10px 16px;color:#6b7280;font-style:italic;font-size:.9rem}.loading-indicator{display:flex;justify-content:center;gap:8px;padding:20px}.loading-dot{animation:pulse 1.4s ease-in-out infinite;color:#8b4513}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.error-message{display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;padding:12px 16px;color:#dc2626;text-align:center}.error-text{flex:0 0 auto}.retry-btn{transition:all .2s ease;cursor:pointer;border:none;border-radius:6px;background:#dc2626;padding:6px 16px;color:#fff;font-size:.85rem;font-family:inherit}.retry-btn:hover:not(:disabled){background:#b91c1c}.retry-btn:disabled{opacity:.6;cursor:not-allowed}.inline-choices{animation:fadeIn .3s ease;margin-top:16px;border:1px solid #e0ddd8;border-radius:10px;background:#f5f3f0;padding:16px}.choice-question{display:flex;align-items:center;gap:8px;margin-bottom:8px;border-bottom:1px dashed #e5e7eb;padding-bottom:10px;color:#000;font-size:.95rem}.extra-tag{border:1px solid #bbf7d0;border-radius:4px;background:#dcfce7;padding:2px 6px;color:#16a34a;font-size:.75rem}.choice-progress{border-radius:4px;background:#f3f4f6;padding:2px 8px;color:#6b7280;font-size:.8rem}.choice-options{display:flex;flex-direction:column;gap:10px}.choice-option-btn{display:flex;flex-direction:column;gap:6px;transition:all .2s ease;cursor:pointer;border:1px solid #e0ddd8;border-radius:10px;background:#fffffe;padding:14px 18px;font-family:inherit;text-align:left}.choice-option-btn:hover:not(:disabled){transform:translate(4px);box-shadow:-4px 0 #8b4513,0 4px 12px #00000014;border-color:#8b4513}.choice-option-btn:active:not(:disabled){transform:translate(2px)}.choice-option-btn:disabled{opacity:.6;cursor:not-allowed}.choice-option-title{color:#000;font-weight:600;font-size:1rem}.choice-option-desc{color:#6b7280;font-size:.85rem;line-height:1.4}.tone-tag{margin-left:8px;border-radius:4px;padding:2px 6px;font-size:.75rem}.tone-积极{border:1px solid #bbf7d0;background:#dcfce7;color:#16a34a}.tone-消极{border:1px solid #fecaca;background:#fef2f2;color:#dc2626}.tone-稳重{border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb}.tone-野心{border:1px solid #fde68a;background:#fffbeb;color:#d97706}@media(max-width:600px){.game-header.simple{padding:8px 16px}.story-container{padding:90px 16px 100px}.time-info{gap:4px}.time-tag{padding:2px 8px;font-size:.7rem}.narrative-text{padding:16px;font-size:1rem}.inline-choices{margin-top:12px;padding:12px}.choice-option-btn{padding:12px 14px}.choice-option-title{font-size:.95rem}.choice-option-desc{font-size:.8rem}}.meta-section{padding:14px 20px 0}.status-panel{display:flex;flex-direction:column;gap:8px;margin-top:8px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;padding:12px}.status-item{display:flex;flex-direction:column;gap:4px}.status-label{display:flex;justify-content:space-between;color:#6b7280;font-size:.9rem}.status-value{color:#374151;font-variant-numeric:tabular-nums}.status-bar{border-radius:4px;background:#e5e7eb;width:100%;height:6px;overflow:hidden}.status-bar-fill{background:linear-gradient(90deg,#8b4513,#d4a574);height:100%}.choice-record-detail{display:flex;flex-direction:column;gap:10px}.choice-record-question{border-bottom:1px dashed #e5e7eb;padding-bottom:8px;color:#374151;font-style:normal;font-weight:500;font-size:.9rem}.choice-record-options{display:flex;flex-direction:column;gap:8px}.choice-record-option{display:flex;flex-direction:column;gap:4px;opacity:.6;transition:all .2s ease;border:1px solid #e0ddd8;border-radius:6px;background:#fffffe;padding:10px 14px}.choice-record-option.selected{opacity:1;box-shadow:0 2px 8px #8b45131a;border-color:#8b4513;border-left:3px solid #8b4513;background:#fef7ed}.choice-record-option-title{color:#6b7280;font-style:normal;font-weight:600;font-size:.9rem}.choice-record-option.selected .choice-record-option-title{color:#374151}.choice-record-option.selected .choice-record-option-title:before{content:"✓ ";color:#8b4513}.choice-record-option-desc{color:#9ca3af;font-style:normal;font-size:.8rem;line-height:1.4}.choice-record-option.selected .choice-record-option-desc{color:#6b7280}.message-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.message-action-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid #e0ddd8;border-radius:999px;background:#f9fafb;padding:4px 10px;color:#6b7280;font-size:.75rem;font-family:inherit}.message-action-btn:hover{border-color:#8b4513;background:#fdf7f0;color:#8b4513}.message-action-btn.like-active{border-color:#8b4513;background:#8b4513;color:#fff}.message-action-btn.dislike-active{border-color:#666;background:#666;color:#fff}.message-action-icon{font-size:.8rem}.gems-info-bar{position:fixed;top:48px;left:50%;transform:translate(-50%);z-index:999;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f5d67a;padding:4px 16px;width:100%;max-width:800px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.gems-info-bar:hover{background:linear-gradient(135deg,#fde68a,#fbbf24)}.gems-info-text{color:#92400e;font-size:.78rem;font-family:"Noto Serif SC",serif;letter-spacing:.05em}.system-message{display:flex;justify-content:center;padding:8px 16px;margin:8px 0}.system-message-content{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:10px 20px;border-radius:16px;font-size:.85rem;text-align:center;line-height:1.6;box-shadow:0 1px 4px #00000014}.gems-info-modal-content{padding:8px 0}.gems-info-modal-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0ebe4}.gems-info-modal-row:last-of-type{border-bottom:none}.gems-info-modal-label{color:#6b7280;font-size:.9rem}.gems-info-modal-value{color:#374151;font-size:.9rem;font-weight:500}.gems-info-modal-value.highlight{color:#d97706;font-size:1.1rem;font-weight:700}.gems-info-modal-tip{margin-top:12px;padding:8px 12px;background:#fdf7f0;border-radius:8px;color:#9ca3af;font-size:.8rem;text-align:center}.gems-info-modal-btn{cursor:pointer;border:1px solid #e0ddd8;border-radius:6px;padding:6px 20px;font-size:.9rem;font-family:inherit;margin-left:8px;transition:all .2s}.gems-info-modal-btn.ok{background:#8b4513;border-color:#8b4513;color:#fff}.gems-info-modal-btn.ok:hover{background:sienna}.gems-info-modal-btn.recharge{background:transparent;color:#d97706;border-color:#d97706}.gems-info-modal-btn.recharge:hover{background:#fffbeb}.login-container{min-height:100vh;width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--bg, #f8f6f3);padding:32px 32px 100px;box-sizing:border-box}.login-box{width:100%;max-width:360px;background:var(--bg-white, #fffffe);border-radius:12px;padding:28px 24px 32px;box-shadow:0 2px 12px #0000000f;border:1px solid var(--border, #e0ddd8)}.login-title{margin:0 0 6px;text-align:center;font-family:"Noto Serif SC",STSong,serif;font-size:1.6rem;font-weight:700;color:var(--primary, #8b4513);letter-spacing:.12em}.login-desc{text-align:center;color:var(--text-light, #6b7280);font-size:.85rem;margin:0 0 20px;letter-spacing:.04em}.login-segmented{margin-bottom:20px;width:100%}.login-segmented .ant-segmented-group{justify-content:center}.login-scan,.login-password{margin-bottom:16px}.login-in-wechat{margin-bottom:16px;padding:12px;background:#faf5f0;border-radius:8px;border:1px solid #e0ddd8}.login-in-wechat p{margin:0 0 10px;font-size:.9rem;color:#374151}.login-scan-desc,.login-password-desc{font-size:.85rem;color:#6b7280;margin:0 0 12px}.login-qr{display:block;margin:12px auto;cursor:pointer;border-radius:8px;overflow:hidden}.login-password .form-group{margin-bottom:18px}.login-password .label{display:block;margin-bottom:6px;font-size:.8rem;font-weight:500;color:#374151;letter-spacing:.03em}.login-password .name-input{width:100%;padding:10px 12px;font-size:16px;background:#fffffe;border:1px solid #e0ddd8;border-radius:8px;outline:none;transition:all .2s ease}.login-password .name-input:focus{border-color:#8b4513;box-shadow:0 0 0 2px #8b451326}.login-submit{margin-top:8px;height:42px;font-size:.95rem;font-weight:600;border-radius:10px}.login-tips{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.login-tips p{margin:4px 0;color:#9ca3af;font-size:.78rem;line-height:1.6}@media(max-width:480px){.login-container{padding:32px 20px 80px}.login-box{padding:20px 18px 24px}.login-title{font-size:1.4rem}}.me-container{min-height:100vh;width:100%;max-width:800px;margin:0 auto;background:var(--bg);padding:20px 32px 48px;box-sizing:border-box}.me-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.me-header-title{font-family:"Noto Serif SC",STSong,serif;font-size:1.25rem;font-weight:600;color:var(--primary);letter-spacing:.12em;background:none;border:none;cursor:pointer;padding:4px 8px;transition:var(--transition)}.me-header-title:hover{color:var(--primary-hover)}.me-header-back{transition:var(--transition);cursor:pointer;border:1px solid var(--border);border-radius:8px;background:transparent;padding:8px 16px;color:var(--text-light);font-size:.9rem;font-family:inherit}.me-header-back:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.me-content{max-width:360px;margin:0 auto}.me-profile{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-white);border-radius:12px;border:1px solid var(--border);margin-bottom:24px;box-shadow:0 2px 8px #00000008}.me-profile-info{flex:1;min-width:0}.me-name{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:4px}.me-uid{font-size:.85rem;color:var(--text-light)}.me-gems-info{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-white);border-radius:12px;border:1px solid var(--border);margin-bottom:24px;box-shadow:0 2px 8px #00000008}.me-gems-label{color:var(--text-light);font-size:.9rem}.me-gems-value{color:var(--primary);font-weight:600;font-size:1.1rem}.me-actions{display:flex;flex-direction:column;gap:12px}.me-actions .ant-btn{height:42px;border-radius:10px;font-size:.95rem;transition:var(--transition)}.me-actions .ant-btn-primary{box-shadow:0 3px 12px #8b451340}.me-actions .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 16px #8b451359}.me-actions .ant-btn:not(.ant-btn-primary){border-color:var(--border)}.me-actions .ant-btn:not(.ant-btn-primary):hover{border-color:var(--primary);color:var(--primary)}.settings-container{min-height:100vh;width:100%;max-width:800px;margin:0 auto;background:var(--bg);padding:20px 32px 48px;box-sizing:border-box}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.settings-header-title{font-family:"Noto Serif SC",STSong,serif;font-size:1.25rem;font-weight:600;color:var(--primary);letter-spacing:.12em;background:none;border:none;cursor:pointer;padding:4px 8px;transition:var(--transition)}.settings-header-title:hover{color:var(--primary-hover)}.settings-header-back{transition:var(--transition);cursor:pointer;border:1px solid var(--border);border-radius:8px;background:transparent;padding:8px 16px;color:var(--text-light);font-size:.9rem;font-family:inherit}.settings-header-back:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.settings-content{max-width:400px;margin:0 auto;background:var(--bg-white);border-radius:12px;border:1px solid var(--border);padding:20px;box-shadow:0 2px 8px #00000008}.settings-title{font-family:"Noto Serif SC",STSong,serif;font-size:1.25rem;font-weight:600;color:var(--primary);margin:0 0 24px}.settings-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border);transition:var(--transition)}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:var(--primary-lighter);border-radius:8px;padding-left:8px;padding-right:8px}.settings-label{width:72px;flex-shrink:0;font-size:.9rem;color:var(--text);font-weight:500}.settings-value{flex:1;font-size:.95rem;color:var(--text)}.settings-name-edit{display:flex;align-items:center;gap:8px;flex:1}.settings-name-edit .ant-input{border-color:var(--border);transition:var(--transition)}.settings-name-edit .ant-input:focus,.settings-name-edit .ant-input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px #8b45131a}.settings-row .ant-btn{transition:var(--transition)}.settings-row .ant-btn-primary{box-shadow:0 2px 6px #8b451333}.settings-row .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #8b45134d}.settings-row .ant-btn:not(.ant-btn-primary){border-color:var(--border)}.settings-row .ant-btn:not(.ant-btn-primary):hover{border-color:var(--primary);color:var(--primary)}.cp-container{min-height:100vh;width:100%;max-width:800px;margin:0 auto;background:var(--bg);padding:20px 32px 48px;box-sizing:border-box}.cp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.cp-header-title{font-family:"Noto Serif SC",STSong,serif;font-size:1.25rem;font-weight:600;color:var(--primary);letter-spacing:.12em;background:none;border:none;cursor:pointer;padding:4px 8px;transition:var(--transition)}.cp-header-title:hover{color:var(--primary-hover)}.cp-header-back{transition:var(--transition);cursor:pointer;border:1px solid var(--border);border-radius:8px;background:transparent;padding:8px 16px;color:var(--text-light);font-size:.9rem;font-family:inherit}.cp-header-back:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.cp-content{max-width:360px;margin:0 auto}.cp-title{font-family:"Noto Serif SC",STSong,serif;font-size:1.25rem;font-weight:600;color:var(--primary);margin:0 0 24px;text-align:center}.cp-form{padding:8px 0}.cp-desc{font-size:.9rem;color:var(--text-light);text-align:center;margin:0}.cp-input{width:100%;border-color:var(--border);transition:var(--transition)}.cp-input:focus,.cp-input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px #8b45131a}.cp-btn{height:42px;border-radius:10px;transition:var(--transition);box-shadow:0 3px 12px #8b451340}.cp-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #8b451359}.cp-scan-title{font-size:1rem;font-weight:600;color:var(--text);margin:0}.cp-scan-desc{font-size:.9rem;color:var(--text-light);margin:0}.cp-qr{width:200px;height:200px;border-radius:8px;border:1px solid var(--border);box-shadow:0 2px 8px #0000000d}.cp-expire{font-size:.8rem;color:var(--text-placeholder);margin:0}:root{--primary: #8b4513;--primary-hover: #a0522d;--primary-light: #faf5f0;--primary-lighter: #f5f0e8;--bg: #f8f6f3;--bg-white: #fffffe;--border: #e0ddd8;--text: #374151;--text-light: #6b7280;--text-placeholder: #9ca3af;--error: #ef4444;--shadow: rgb(139 69 19 / 25%);--shadow-light: rgb(139 69 19 / 15%);--shadow-focus: rgb(139 69 19 / 20%);--transition: all .2s ease}.home-container{display:flex;flex-direction:column;align-items:center;margin:0 auto;background:var(--bg);padding:20px 32px 100px;box-sizing:border-box}.home-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:800px;margin:0;padding:0 4px}.home-header-title{font-family:"Noto Serif SC",STSong,serif;font-size:1.25rem;font-weight:600;color:var(--primary);letter-spacing:.12em;background:none;border:none;cursor:pointer;padding:4px 8px;transition:var(--transition)}.home-header-title:hover{color:var(--primary-hover)}.home-header-right{display:flex;align-items:center;gap:8px}.home-header-avatar,.home-header-login{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.home-header-login{font-size:.9rem;color:var(--primary);padding:6px 12px;border-radius:8px;border:1px solid var(--border);transition:var(--transition)}.home-header-login:hover{background:var(--primary-light);border-color:var(--primary)}.title{margin:0 0 6px;color:var(--primary);font-weight:700;font-size:2rem;font-family:"Noto Serif SC",STSong,serif;letter-spacing:.15em;text-align:center}.subtitle{margin:0 0 32px;color:var(--text-light);font-size:.85rem;letter-spacing:.08em;text-align:center}.form-group{margin-bottom:24px;width:100%;max-width:360px}.label{display:block;margin-bottom:8px;color:var(--text);font-weight:500;font-size:.8rem;letter-spacing:.03em}.name-input,.number-input{transition:var(--transition);box-sizing:border-box;outline:none;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);color:var(--text);font-size:1rem}.name-input{padding:10px 12px;width:100%;font-size:16px}.name-input:focus{box-shadow:0 0 0 2px var(--shadow-light);border-color:var(--primary)}.name-input.error{border-color:var(--error)}.name-input.error:focus{box-shadow:0 0 0 2px #ef44441a;border-color:var(--error)}.name-input::placeholder{color:var(--text-placeholder);font-size:.85rem}.name-error{display:block;margin-top:4px;color:var(--error);font-size:.75rem}.number-input-container{display:flex;justify-content:center;align-items:center;gap:8px}.number-input-container.era-container{gap:6px}.number-input{appearance:textfield;padding:8px 0;width:60px;color:var(--primary);font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{appearance:none;margin:0}.number-input:focus{box-shadow:0 0 0 2px var(--shadow-light);border-color:var(--primary)}.era-year-input{width:70px}.number-unit{min-width:20px;color:var(--primary);font-weight:500;font-size:.9rem}.number-btn,.gender-btn,.period-btn,.era-select{transition:var(--transition);cursor:pointer;outline:none;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);color:var(--primary);font-weight:500}.number-btn:hover,.gender-btn:hover,.period-btn:hover,.era-select:hover{border-color:var(--primary);background:var(--primary-lighter)}.number-btn:focus,.gender-btn:focus,.period-btn:focus,.era-select:focus,.number-btn:focus-visible,.gender-btn:focus-visible,.period-btn:focus-visible,.era-select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--shadow-focus);border-color:var(--primary)}.number-btn{display:flex;justify-content:center;align-items:center;padding:0 12px;height:36px;font-size:1.2rem;-webkit-user-select:none;user-select:none}.number-btn:active{transform:scale(.95);background:#ebe5db}.number-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#d0d0d0;background:#f5f5f5;color:#999}.number-btn:disabled:hover,.number-btn:disabled:active{transform:none;border-color:#d0d0d0;background:#f5f5f5}.gender-selector,.period-selector{display:flex;gap:10px}.period-selector{gap:6px}.gender-btn,.period-btn{flex:1;padding:10px 16px;color:var(--text-light);font-size:.9rem}.period-btn{border-radius:6px;padding:8px 6px;font-size:.8rem}.gender-btn.active,.period-btn.active{box-shadow:0 2px 6px var(--shadow);border-color:var(--primary);background:var(--primary);color:#fff}.gender-btn.active:focus,.period-btn.active:focus,.gender-btn.active:focus-visible,.period-btn.active:focus-visible{box-shadow:0 2px 6px var(--shadow),0 0 0 2px #ffffff4d}.era-select-wrapper{display:inline-block;position:relative}.era-select{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;height:36px;font-size:.9rem}.era-select:hover{background:var(--primary-light)}.era-select-arrow{flex-shrink:0;transition:transform .2s ease}.era-select-arrow.open{transform:rotate(180deg)}.era-dropdown{position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:1000;animation:dropdownFadeIn .2s ease;box-shadow:0 4px 12px #0000001a;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);overflow:hidden}@keyframes dropdownFadeIn{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}.era-option{transition:var(--transition);cursor:pointer;outline:none;border:none;border-radius:0;background:var(--bg-white);padding:10px 12px;width:100%;color:var(--text);font-weight:500;font-size:.9rem;text-align:left}.era-option:hover,.era-option:focus,.era-option:focus-visible{outline:none;background:var(--primary-light);color:var(--primary)}.era-option.active{background:var(--primary);color:#fff;font-weight:600}.era-option.active:hover{background:var(--primary-hover)}.button-group{display:flex;gap:12px;margin-top:12px;width:100%;max-width:360px}.start-btn,.random-btn{transition:var(--transition);cursor:pointer;outline:none;border:none;border-radius:10px;padding:12px 24px;font-weight:600;font-size:.95rem}.start-btn{flex:1;box-shadow:0 3px 12px var(--shadow);background:var(--primary);color:#fff;letter-spacing:.08em}.start-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #8b451359;background:var(--primary-hover)}.start-btn:active{transform:translateY(0)}.start-btn:focus,.start-btn:focus-visible{box-shadow:0 3px 12px var(--shadow),0 0 0 3px var(--shadow-focus)}.random-btn{flex:0 0 auto;border:2px solid var(--primary);background:var(--primary-light);padding:12px 16px;min-width:80px;color:var(--primary);font-size:.9rem}.random-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #8b451359;background:var(--primary);color:#fff}.random-btn:active{transform:translateY(0)}.random-btn:focus,.random-btn:focus-visible{box-shadow:0 0 0 2px var(--shadow-focus);border-color:var(--primary)}.home-bottom-actions{display:flex;justify-content:center;gap:12px;margin-top:20px;width:100%;max-width:360px}.home-announcement-btn,.home-feedback-btn{border-radius:999px;padding:8px 20px;font-size:.85rem;letter-spacing:.08em;cursor:pointer;border:1px solid var(--primary);background:var(--primary-light);color:var(--primary);transition:var(--transition)}.home-announcement-btn:hover,.home-feedback-btn:hover{background:var(--primary-lighter);border-color:var(--primary-hover)}.announcement-content p{margin:8px 0;color:var(--text);font-size:.9rem;line-height:1.6}.qq-group{box-sizing:border-box;margin-top:16px;border:1px dashed #d4a574;border-radius:6px;background:var(--primary-light);padding:10px 14px;width:100%;max-width:360px;text-align:center}.qq-label{color:var(--text-light);font-size:.8rem}.qq-number{color:var(--primary);font-weight:600;font-size:.85rem;letter-spacing:.03em}@media(max-width:480px){.home-container{padding:32px 20px 100px}.title{font-size:1.6rem;letter-spacing:.08em}.number-input-container{gap:6px}.number-btn{width:32px;height:32px;font-size:1.1rem}.number-input{padding:6px 2px;width:50px;font-size:.9rem}.era-year-input{width:60px}.era-select{padding:6px 8px;min-width:70px;font-size:.85rem}.era-option{padding:10px;font-size:.85rem}.number-unit{font-size:.8rem}.period-selector{gap:4px}.period-btn{padding:8px 4px;font-size:.75rem}.button-group{flex-direction:column;gap:8px}.random-btn{padding:10px 16px;font-size:.85rem}}:root{--primary: #8b4513;--primary-hover: #a0522d;--primary-light: #faf5f0;--primary-lighter: #f5f0e8;--bg: #f8f6f3;--bg-white: #fffffe;--border: #e0ddd8;--text: #374151;--text-light: #6b7280;--text-placeholder: #9ca3af;--transition: all .2s ease}.messages-container{min-height:100vh;width:100%;max-width:800px;margin:0 auto;background:var(--bg);padding:20px 16px 48px;box-sizing:border-box}.messages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.messages-back{transition:var(--transition);cursor:pointer;border:1px solid var(--border);border-radius:8px;background:transparent;padding:8px 16px;color:var(--text-light);font-size:.9rem;font-family:inherit}.messages-back:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.messages-title{position:absolute;left:50%;transform:translate(-50%);font-family:"Noto Serif SC",STSong,serif;font-size:1.2rem;font-weight:700;color:var(--primary);letter-spacing:.15em}.messages-header-right{width:80px}.messages-content{background:var(--bg-white);border-radius:12px;border:1px solid var(--border);padding:12px;box-shadow:0 2px 8px #00000008}.messages-item{padding:12px 8px;border-bottom:1px solid var(--border);transition:var(--transition)}.messages-item:last-child{border-bottom:none}.messages-item:hover{background:var(--primary-lighter);border-radius:8px}.msg-time{margin-left:8px;color:var(--text-placeholder);font-size:.75rem;font-weight:400}.messages-desc{white-space:pre-wrap;word-break:break-word;color:var(--text);font-size:.9rem;line-height:1.6;margin-top:4px}