@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Noto+Sans+SC:wght@300;400;500;600&family=Caveat:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg: rgba(255, 255, 255, .12);--glass-bg-hover: rgba(255, 255, 255, .18);--glass-bg-active: rgba(255, 255, 255, .24);--glass-border: rgba(255, 255, 255, .3);--glass-border-strong: rgba(255, 255, 255, .5);--glass-blur: blur(20px) saturate(200%);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .18);--glass-inset: 0 0 0 1px rgba(255, 255, 255, .12) inset;--text-primary: rgba(20, 10, 40, .92);--text-secondary: rgba(80, 40, 100, .65);--text-faint: rgba(80, 40, 100, .4);--accent-violet: rgba(180, 140, 255, .8);--accent-pink: rgba(255, 180, 200, .7);--accent-gold: rgba(245, 200, 66, .9);--sidebar-width: 220px;--header-height: 56px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 28px}html,body,#root{height:100%;width:100%}body{font-family:Noto Sans SC,Crimson Text,serif;background:transparent;color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative;background-image:url(/bg-zootopia.jpg);background-size:cover;background-position:center}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#20123038,#2c163a2e 42%,#1a102847);z-index:0}.app-layout:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 24%,#ffb7d22e,#ffb7d200 26%),radial-gradient(circle at 80% 18%,#ffd58429,#ffd58400 24%),radial-gradient(circle at 72% 82%,#b7a1ff29,#b7a1ff00 28%);pointer-events:none;z-index:0}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden;z-index:1}.app-content{flex:1;overflow:hidden;position:relative;z-index:1}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#ffffff24,#ffe9f41c);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-right:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;z-index:10;box-shadow:4px 0 24px #0003}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.logo-icon{color:#f5c842e6;filter:drop-shadow(0 0 6px rgba(245,200,66,.4))}.logo-text{font-family:Playfair Display,serif;font-size:17px;font-weight:700;color:#ffffffe6;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.sidebar-nav{padding:12px 8px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);color:#fff9;text-decoration:none;font-size:13px;font-weight:500;font-family:Noto Sans SC,sans-serif;transition:all .2s ease;margin-bottom:3px;border:1px solid transparent}.nav-item:hover{background:#ffffff1a;color:#ffffffe6}.nav-item--active{background:#ffffff26;color:#fffffff2;border-color:#fff3;box-shadow:0 2px 12px #b48cff26}.sidebar-bottom{padding:8px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-user{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-top:8px;border-radius:var(--radius-sm);background:#00000026;border:1px solid rgba(255,255,255,.06)}.user-email{flex:1;font-size:11px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans SC,sans-serif}.logout-btn{background:none;border:none;color:#ffffff59;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:all .2s}.logout-btn:hover{color:#ffb4c8cc;background:#ffb4c81a}.app-header{height:var(--header-height);padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#ffffff29,#ffecf621);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0;position:relative;z-index:5;box-shadow:0 2px 16px #0000001f}.header-title h1{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.3)}.header-actions{display:flex;align-items:center;gap:8px}.header-actions .ant-btn-primary{background:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;color:#ffffffe6!important;border-radius:var(--radius-sm)!important;font-family:Noto Sans SC,sans-serif!important;font-weight:500!important;font-size:13px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a;transition:all .2s!important}.header-actions .ant-btn-primary:hover{background:#ffffff4d!important;border-color:#ffffff80!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000026!important}.header-actions .ant-btn-default{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#ffffffb3!important;border-radius:var(--radius-sm)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s!important}.header-actions .ant-btn-default:hover{background:#ffffff2e!important;border-color:#fff6!important;color:#fffffff2!important}.lang-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.25)!important;color:#fffc!important;border-radius:var(--radius-sm)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s!important}.lang-btn:hover{background:#fff3!important;border-color:#ffffff73!important;color:#fffffff2!important}.mail-layout{display:flex;height:calc(100vh - var(--header-height));background:linear-gradient(180deg,#ffffff1f,#fff0f81a);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.mail-list-panel{width:340px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;flex-shrink:0;background:linear-gradient(180deg,#ffffff1f,#ffeff71a);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mail-list-header{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;background:#ffffff0f;flex-shrink:0}.mail-count{font-size:12px;color:#ffffff80;font-family:Caveat,cursive;font-style:italic}.mail-list{flex:1;overflow-y:auto}.mail-list-empty,.mail-list-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#ffffff59;font-size:14px;font-family:Caveat,cursive;font-style:italic}.mail-item{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s ease;position:relative;background:transparent}.mail-item:hover{background:#ffffff21}.mail-item--selected{background:linear-gradient(135deg,#ffffff2e,#ffe3ef29)!important;border-left:3px solid rgba(245,200,66,.7)}.mail-item-from{display:flex;align-items:center;gap:6px;margin-bottom:5px}.unread-dot{width:8px;height:8px;border-radius:50%;background:#b48cffd9;flex-shrink:0;box-shadow:0 0 6px #b48cff80}.from-text{font-size:13px;font-weight:500;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans SC,sans-serif}.mail-item--unread .from-text{font-weight:700;color:#fffffff2}.mail-item-subject{font-size:12px;color:#ffffff8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-family:Noto Sans SC,sans-serif}.mail-item-preview{font-size:11px;color:#ffffff59;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Caveat,cursive}.mail-item-time{position:absolute;top:14px;right:16px;font-size:10px;color:#ffffff59;font-family:Caveat,cursive}.mail-detail-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#ffffff1a,#ffecf614);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.letter-read-topbar{display:flex;align-items:center;padding:8px 14px;gap:4px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.letter-back-btn{color:#ffffff73!important;border-radius:var(--radius-sm)!important;transition:all .2s!important}.letter-back-btn:hover{color:#ffffffd9!important;background:#ffffff1a!important}.letter-delete-btn{color:#ffb4b480!important;border-radius:var(--radius-sm)!important;transition:all .2s!important}.letter-delete-btn:hover{color:#ffa0a0e6!important;background:#ffa0a01a!important}.empty-mail-icon{color:#fff3}.empty-hint{font-size:20px;color:#ffffff59;font-family:Caveat,cursive;font-style:italic}.received-letter{flex:1;overflow-y:auto;position:relative;padding:0 32px}.wax-seal{position:absolute;top:28px;right:36px;width:48px;height:48px;z-index:5}.seal-inner{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c04040,#8b2020);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #8b202080,inset 0 1px 3px #fff3,inset 0 -2px 4px #0003;transform:rotate(12deg)}.received-header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:32px;margin-bottom:14px;gap:12px}.from-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#b48cffcc,#c864b4cc);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 12px #b48cff4d;font-family:Caveat,cursive}.from-details{display:flex;flex-direction:column;gap:3px}.from-name{font-size:15px;font-weight:600;color:#ffffffe0;font-family:Noto Sans SC,sans-serif}.from-meta{font-size:11px;color:#fff6;font-family:Caveat,cursive}.date-main{font-size:14px;color:#fff9;font-family:Caveat,cursive}.date-sub{font-size:12px;color:#ffffff59;font-style:italic;font-family:Caveat,cursive}.received-subject{font-size:26px;font-weight:700;color:#ffffffe6;line-height:1.3;margin-bottom:14px;letter-spacing:.5px;font-family:Playfair Display,serif}.letter-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 80%,transparent 100%);margin-bottom:18px}.received-body-wrapper{padding-bottom:24px}.letter-body-greeting{font-size:20px;color:#ffffff8c;font-style:italic;margin-bottom:12px;font-family:Caveat,cursive}.received-body{font-family:Caveat,cursive;font-size:22px;line-height:38px;color:#fffc;white-space:pre-wrap;word-break:break-word;background-image:repeating-linear-gradient(transparent,transparent 36px,rgba(255,255,255,.07) 37px,rgba(255,255,255,.07) 38px);background-attachment:local;padding:4px 0;margin:0}.end-ornament{color:#fff3}.footer-sign-off{font-size:18px;color:#ffffff80;font-style:italic;text-align:right;line-height:1.5}.letter-modal-root .ant-modal-mask{background:#00000080!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.letter-card{width:560px;max-width:95vw;background:linear-gradient(135deg,#ffffff38,#ffebf42e);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.3);box-shadow:0 30px 70px #0000004d,var(--glass-inset);padding:0 32px 28px;position:relative;overflow:hidden;color:#fffffff2}.letter-edge-top,.letter-edge-bottom{height:3px;margin:0 -32px;background:linear-gradient(90deg,transparent 0%,rgba(180,140,255,.4) 15%,rgba(180,140,255,.6) 50%,rgba(180,140,255,.4) 85%,transparent 100%)}.letter-edge-top{border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-bottom:20px}.letter-edge-bottom{border-radius:0 0 var(--radius-xl) var(--radius-xl);margin-top:16px}.letter-stamp{width:56px;height:56px;border:2.5px solid rgba(180,140,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);opacity:.85;flex-shrink:0;background:#ffffff26}.stamp-inner{display:flex;flex-direction:column;align-items:center;font-family:Courier New,monospace;font-size:8px;font-weight:900;color:#b48cffe6;line-height:1.3;letter-spacing:.5px}.letter-title{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:#ffffffeb;margin:0 0 2px;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.letter-subtitle{font-family:Caveat,cursive;font-size:16px;color:#ffffff73;margin:0;font-style:italic}.letter-field-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:7px}.field-label{font-size:18px;color:#fff6;white-space:nowrap;flex-shrink:0;font-family:Caveat,cursive;font-weight:600}.letter-to-input .ant-select-selector{background:transparent!important;border:none!important;box-shadow:none!important;padding:0 4px!important;font-family:Caveat,cursive!important;font-size:18px!important;color:#ffffffd9!important;min-height:unset!important;height:auto!important}.letter-to-input .ant-select-selection-search-input{font-family:Caveat,cursive!important;font-size:18px!important;color:#ffffffd9!important}.letter-to-input .ant-select-selection-placeholder{font-family:Caveat,cursive!important;font-size:18px!important;color:#ffffff4d!important}.letter-to-input .ant-select-selection-item{font-family:Caveat,cursive!important;font-size:18px!important;color:#ffffffd9!important}.letter-to-input .ant-select-dropdown{background:#140a28e6!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15)!important;border-radius:var(--radius-md)!important;box-shadow:0 12px 32px #0000004d!important}.letter-to-input .ant-select-item{font-family:Caveat,cursive!important;font-size:16px!important;color:#ffffffb3!important;padding:6px 12px!important}.letter-to-input .ant-select-item-option-active{background:#ffffff14!important}.letter-to-input .ant-select-item-option-selected{background:#b48cff26!important;font-weight:700!important}.letter-subject-input{flex:1;background:transparent;border:none;outline:none;font-family:Caveat,cursive;font-size:18px;color:#ffffffd9;padding:0 4px}.letter-subject-input::placeholder{color:#ffffff4d;font-style:italic}.letter-greeting{font-size:20px;color:#ffffff80;margin-bottom:8px;font-style:italic;font-family:Caveat,cursive}.letter-body{width:100%;height:220px;background:transparent;border:none;outline:none;resize:none;font-family:Caveat,cursive;font-size:22px;line-height:36px;color:#ffffffd9;background-image:repeating-linear-gradient(transparent,transparent 34px,rgba(255,255,255,.08) 35px,rgba(255,255,255,.08) 36px);background-attachment:local;padding:4px 2px;box-sizing:border-box}.letter-body::placeholder{color:#ffffff40;font-style:italic}.letter-footer-line{display:flex;align-items:center;gap:8px;font-size:18px;color:#ffffff73;font-style:italic;font-family:Caveat,cursive}.footer-signature-wrapper{flex:1;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:2px}.footer-dash{font-size:20px;color:#fff3}.ink-drop{position:absolute;border-radius:50%;background:#b48cff1a}.ink-drop-2{width:6px;height:6px;right:14px;bottom:2px;background:#b48cff0f}.letter-btn-cancel{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff9!important;border-radius:var(--radius-md)!important;font-family:Caveat,cursive!important;font-size:16px!important;padding:6px 18px!important;transition:all .2s!important}.letter-btn-cancel:hover{background:#fff3!important;border-color:#ffffff59!important;color:#ffffffe6!important}.letter-send-btn{display:flex;align-items:center;gap:6px;background:#b48cff40;border:1px solid rgba(180,140,255,.4);color:#ffffffeb;padding:8px 22px;border-radius:var(--radius-md);font-family:Caveat,cursive;font-size:18px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000026;transition:all .25s cubic-bezier(.175,.885,.32,1.275);letter-spacing:.5px}.letter-send-btn:hover:not(:disabled){background:#b48cff66;border-color:#b48cff99;transform:scale(1.04) translateY(-2px);box-shadow:0 8px 24px #b48cff33}.letter-send-btn:active:not(:disabled){transform:scale(.96)}.letter-send-btn:disabled{opacity:.5;cursor:not-allowed}.settings-page{padding:32px;font-family:Caveat,cursive}.settings-page h2{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:#ffffffe0;margin-bottom:16px;text-shadow:0 1px 4px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.ant-message-notice-content{background:#1e143ceb!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 24px #0000004d!important;color:#ffffffe0!important;font-family:Noto Sans SC,sans-serif!important}.pure-login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/bg-zootopia.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative;overflow:hidden}.pure-login-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:0}.pure-login-card{width:380px;padding:40px 35px;background:#ffffff26;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 40px #0003;color:#fff;position:relative;z-index:1;animation:pure-fadeIn .8s ease-out}@keyframes pure-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pure-login-card h2{text-align:center;font-size:28px;margin-bottom:30px;letter-spacing:2px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pure-error{display:flex;align-items:center;justify-content:space-between;background:#dc505040;border:1px solid rgba(220,80,80,.5);border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:13px;color:#fcc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pure-error-close{background:none;border:none;cursor:pointer;color:#fcc;font-size:18px;line-height:1;padding:0;margin-left:8px}.pure-input-group{margin-bottom:25px}.pure-input-group input{width:100%;padding:15px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;color:#fff;outline:none;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.pure-input-group input::placeholder{color:#ffffffb3}.pure-input-group input:focus{background:#fff3;border-color:#fff9;box-shadow:0 0 15px #fff3}.pure-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:14px}.pure-options label{display:flex;align-items:center;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff}.pure-options input[type=checkbox]{margin-right:8px;cursor:pointer;accent-color:rgba(255,255,255,.6)}.pure-options a{color:#fff;text-decoration:none;transition:.3s;text-shadow:0 1px 2px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pure-options a:hover{text-decoration:underline;color:#fffc}.pure-login-btn{width:100%;padding:15px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:12px;font-size:18px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pure-login-btn:hover:not(:disabled){background:#fff6;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.pure-login-btn:active:not(:disabled){transform:translateY(1px);transition:transform .1s}.pure-login-btn:disabled{opacity:.6;cursor:not-allowed}.pure-toggle{text-align:center;font-size:14px;margin-top:18px;text-shadow:0 1px 2px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fffc}.pure-toggle a{color:#fff;text-decoration:none;font-weight:600;transition:.3s}.pure-toggle a:hover{text-decoration:underline;color:#fffc}.letter-modal-root .ant-modal-content{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;overflow:visible!important;width:auto!important;max-width:none!important}.letter-modal-root .ant-modal-mask{background:#140a2880!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.letter-modal-root .ant-modal-wrap{display:flex!important;align-items:center!important;justify-content:center!important}.letter-card{width:560px;max-width:95vw;background:#ffffff47;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:32px;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 60px #0000002e,0 0 0 1px #ffffff1a inset;padding:0 32px 28px;position:relative;overflow:hidden;color:#fffffff2}.letter-card input,.letter-card textarea,.letter-card .ant-select .ant-select-selector,.letter-card .ant-select .ant-select-selection-placeholder,.letter-card .ant-select .ant-select-selection-item,.letter-card .ant-input,.letter-card .ant-input::placeholder{color:#ffffffeb!important;background:transparent!important}.letter-card input::placeholder,.letter-card textarea::placeholder{color:#ffffff59!important}.letter-card .ant-select-dropdown,.letter-card .ant-select-item{background:#140a28eb!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#ffffffd9!important}.letter-card .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:#ffffff1a!important}.letter-card .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:#b48cff33!important}.letter-card .ant-select-arrow,.letter-card .ant-select-clear{color:#ffffff80!important}.letter-edge-top,.letter-edge-bottom{height:3px;margin:0 -32px;background:linear-gradient(90deg,transparent 0%,rgba(139,69,19,.3) 15%,rgba(139,69,19,.5) 50%,rgba(139,69,19,.3) 85%,transparent 100%)}.letter-edge-top{margin-top:0;border-radius:32px 32px 0 0;margin-bottom:20px}.letter-edge-bottom{margin-bottom:0;border-radius:0 0 32px 32px;margin-top:16px}.letter-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.letter-stamp{width:56px;height:56px;border:2.5px solid rgba(139,69,19,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);opacity:.85;flex-shrink:0;background:#fff6}.stamp-inner{display:flex;flex-direction:column;align-items:center;font-family:Courier New,monospace;font-size:8px;font-weight:900;color:#8b4513e6;line-height:1.3;letter-spacing:.5px}.stamp-inner span:last-child{font-size:10px}.letter-title-group{flex:1}.letter-title{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:#5a3214e6;margin:0 0 2px;letter-spacing:1px}.letter-subtitle{font-family:Caveat,cursive;font-size:16px;color:#8b5a3c99;margin:0;font-style:italic}.letter-fields{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.letter-field-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(139,69,19,.2);padding-bottom:6px}.field-label{font-size:18px;color:#8b5a3c99;white-space:nowrap;flex-shrink:0;font-weight:600}.letter-to-input{flex:1}.letter-to-input .ant-select-selector{background:transparent!important;border:none!important;box-shadow:none!important;padding:0 4px!important;font-family:Caveat,cursive!important;font-size:18px!important;color:#3c1e0fe6!important;min-height:unset!important;height:auto!important}.letter-to-input .ant-select-selection-search-input{font-family:Caveat,cursive!important;font-size:18px!important;color:#3c1e0fe6!important}.letter-to-input .ant-select-selection-placeholder{font-family:Caveat,cursive!important;font-size:18px!important;color:#8b5a3c59!important}.letter-to-input .ant-select-selection-item{font-family:Caveat,cursive!important;font-size:18px!important;color:#3c1e0fe6!important}.letter-to-input .ant-select-dropdown{background:#fff8f0f2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,69,19,.15)!important;border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important}.letter-to-input .ant-select-item{font-family:Caveat,cursive!important;font-size:16px!important;color:#3c1e0fcc!important;padding:6px 12px!important}.letter-to-input .ant-select-item-option-active{background:#8b45130f!important}.letter-to-input .ant-select-item-option-selected{background:#8b45131a!important;font-weight:700!important}.letter-subject-input{flex:1;background:transparent;border:none;outline:none;font-family:Caveat,cursive;font-size:18px;color:#3c1e0fd9;padding:0 4px}.letter-subject-input::placeholder{color:#8b5a3c59;font-style:italic}.letter-body-wrapper{margin-top:8px}.letter-greeting{font-size:20px;color:#643c1eb3;margin-bottom:8px;font-style:italic}.letter-body{width:100%;height:220px;background:transparent;border:none;outline:none;resize:none;font-family:Caveat,cursive;font-size:22px;line-height:36px;color:#2c1e16e6;background-image:repeating-linear-gradient(transparent,transparent 34px,rgba(139,69,19,.18) 35px,rgba(139,69,19,.18) 36px);background-attachment:local;padding:4px 2px;box-sizing:border-box}.letter-body::placeholder{color:#8b5a3c4d;font-style:italic}.letter-footer{margin-top:12px;position:relative}.letter-footer-line{display:flex;align-items:center;gap:8px;font-size:18px;color:#643c1e99;font-style:italic}.footer-sincerely{white-space:nowrap}.footer-signature-wrapper{flex:1;border-bottom:1px solid rgba(139,69,19,.3);padding-bottom:2px}.footer-dash{font-size:20px;color:#8b451366}.ink-splatter{position:absolute;right:20px;bottom:-4px;pointer-events:none}.ink-drop{position:absolute;border-radius:50%;background:#5028141f}.ink-drop-1{width:12px;height:8px;right:0;bottom:0}.ink-drop-2{width:6px;height:6px;right:14px;bottom:2px;background:#50281414}.handwriting{font-family:Caveat,cursive}.letter-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}.letter-btn-cancel{background:#ffffff4d!important;border:1px solid rgba(139,69,19,.25)!important;color:#643c1eb3!important;border-radius:16px!important;font-family:Caveat,cursive!important;font-size:16px!important;padding:6px 18px!important;transition:all .2s!important}.letter-btn-cancel:hover{background:#ffffff80!important;border-color:#8b451366!important;color:#3c1e0fe6!important}.letter-send-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border:none;padding:8px 22px;border-radius:20px;font-family:Caveat,cursive;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #8b45134d;transition:all .25s cubic-bezier(.175,.885,.32,1.275);letter-spacing:.5px}.letter-send-btn:hover:not(:disabled){background:linear-gradient(135deg,sienna,#8b4513);transform:scale(1.05);box-shadow:0 6px 20px #8b451366}.letter-send-btn:active:not(:disabled){transform:scale(.95);box-shadow:0 2px 8px #8b45134d}.letter-send-btn:disabled{opacity:.6;cursor:not-allowed}.send-loading{font-style:italic}.mail-detail-panel{flex:1;display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,#ffe2eb14,#d4b4ff0f);position:relative;overflow:hidden}.mail-detail-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 0%,rgba(255,200,150,.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 100%,rgba(200,150,100,.05) 0%,transparent 60%);pointer-events:none}.letter-read{display:flex;flex-direction:column;height:100%;position:relative;z-index:1;overflow:hidden}.letter-read-topbar{display:flex;align-items:center;padding:8px 12px;gap:4px;background:#fdf6e399;border-bottom:1px solid rgba(139,110,90,.12);flex-shrink:0}.letter-back-btn{color:#643c1e80!important;border-radius:8px!important}.letter-back-btn:hover{color:#3c1e0fe6!important;background:#8b45130f!important}.letter-read-actions{margin-left:auto}.letter-delete-btn{color:#b4505080!important;border-radius:8px!important}.letter-delete-btn:hover{color:#c05050!important;background:#c0505014!important}.letter-read-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.empty-mail-icon{color:#8b5a3c40}.empty-hint{font-size:20px;color:#8b5a3c66;font-style:italic}.received-letter{flex:1;overflow-y:auto;position:relative;padding:0 28px}.wax-seal{position:absolute;top:28px;right:32px;width:48px;height:48px;z-index:5}.seal-inner{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c04040,#8b2020);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #8b202066,inset 0 1px 3px #fff3,inset 0 -2px 4px #0003;transform:rotate(12deg)}.seal-inner svg{opacity:.9}.received-header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:32px;margin-bottom:12px;gap:12px}.received-from-block{display:flex;align-items:center;gap:12px}.from-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--rabbit-light),var(--rabbit-blue));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #5b8fd44d}.from-details{display:flex;flex-direction:column;gap:2px}.from-name{font-size:16px;font-weight:600;color:#3c1e0fe6}.from-meta{font-family:Noto Sans SC,sans-serif;font-size:11px;color:#8b5a3c80}.received-date{text-align:right;flex-shrink:0}.date-main{font-size:15px;color:#643c1eb3}.date-sub{font-size:12px;color:#8b5a3c66;font-style:italic}.received-subject{font-size:26px;font-weight:700;color:#3c1e0fe6;line-height:1.3;margin-bottom:12px;letter-spacing:.5px}.letter-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,69,19,.2) 20%,rgba(139,69,19,.4) 50%,rgba(139,69,19,.2) 80%,transparent 100%);margin-bottom:16px}.received-body-wrapper{padding-bottom:20px}.letter-body-greeting{font-size:20px;color:#643c1ea6;font-style:italic;margin-bottom:12px}.received-body{font-family:Caveat,cursive;font-size:22px;line-height:38px;color:#2c1e16e0;white-space:pre-wrap;word-break:break-word;background-image:repeating-linear-gradient(transparent,transparent 36px,rgba(139,69,19,.12) 37px,rgba(139,69,19,.12) 38px);background-attachment:local;padding:4px 0;margin:0}.received-footer{padding:16px 0 28px;display:flex;justify-content:flex-end}.footer-end-mark{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.end-ornament{color:#8b45134d}.footer-sign-off{font-size:18px;color:#643c1e99;font-style:italic;text-align:right;line-height:1.5}.settings-page{padding:32px;font-family:Crimson Text,serif}.settings-page h2{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--wood-dark);margin-bottom:16px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b6e5a4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b6e5a80}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.ant-btn-primary{background:var(--warm-orange)!important;border-color:var(--warm-orange)!important;font-family:Noto Sans SC,sans-serif!important;font-weight:500!important;border-radius:8px!important}.ant-btn-primary:hover{background:var(--wood-mid)!important;border-color:var(--wood-mid)!important}.ant-btn-default{background:var(--cream)!important;border-color:#8b6e5a4d!important;color:var(--ink)!important;border-radius:8px!important}.ant-btn-default:hover{border-color:var(--warm-orange)!important;color:var(--warm-orange)!important}.ant-pagination-item-active{border-color:var(--warm-orange)!important}.back-btn{color:#643c1e66!important;border-radius:6px!important}.back-btn:hover{color:#3c1e0fcc!important;background:#8b45130f!important}.text-muted{color:var(--ink-faded)}.mb-4{margin-bottom:16px}.ant-alert-error{background:#e8a0a01a!important;border-color:#c470704d!important;border-radius:8px!important}.ant-message-notice-content{background:var(--parchment)!important;border:1px solid rgba(139,110,90,.2)!important;border-radius:10px!important;box-shadow:0 8px 24px #00000026!important;color:var(--ink)!important;font-family:Noto Sans SC,sans-serif!important}.header-left{display:flex;align-items:center;gap:10px;min-width:0}.menu-btn{display:none!important;color:#ffffffbf!important;border-radius:10px!important}.menu-btn:hover{background:#ffffff1a!important;color:#fffffff2!important}.sidebar-mobile-head{display:none}.sidebar-close-btn{border:none;background:#ffffff14;color:#ffffffc7;width:36px;height:36px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.sidebar-overlay{display:none}.mail-layout--reading .mail-list-panel{border-right-color:#ffffff2e}.mail-item{width:100%;text-align:left;background:none;border:0;cursor:pointer}.mail-html-frame{width:100%;min-height:520px;border:0;border-radius:18px;background:#fffffff5;box-shadow:inset 0 0 0 1px #0000000a}@media (max-width: 1100px){.mail-list-panel{width:300px}.received-letter{padding:0 20px}}@media (max-width: 900px){:root{--header-height: 64px}.menu-btn{display:inline-flex!important}.app-layout{overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:min(78vw,320px);max-width:320px;transform:translate(-105%);transition:transform .28s ease;z-index:30}.sidebar--open{transform:translate(0)}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}.sidebar-mobile-title{font-family:Playfair Display,serif;font-size:16px;color:#ffffffeb}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20}.app-header{padding:0 12px}.header-title h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{gap:6px}.header-actions .ant-btn{padding-inline:10px!important}.mail-layout{display:block;height:calc(100vh - var(--header-height));position:relative}.mail-list-panel,.mail-detail-panel{width:100%;height:100%}.mail-list-panel{border-right:0}.mail-layout--reading .mail-list-panel{display:none}.mail-layout:not(.mail-layout--reading) .mail-detail-panel{display:none}.mail-list{padding-bottom:14px}.mail-item{padding:14px 16px}.mail-item-from{padding-right:72px}.mail-item-time{top:16px;right:14px}.letter-read-topbar{padding:10px 12px}.received-letter{padding:0 12px 12px}.received-header{padding-top:20px;flex-direction:column;gap:10px}.received-date{text-align:left}.received-subject{font-size:24px;line-height:1.3}.received-body-wrapper{padding:18px 16px 20px}.received-body{font-size:18px;line-height:1.8}.mail-html-frame{min-height:460px}.letter-card{width:min(92vw,640px);padding:0 20px 20px;border-radius:26px}.letter-header{gap:12px;margin-bottom:16px}.letter-fields{gap:12px}.letter-field-row{flex-direction:column;align-items:stretch;gap:8px}.field-label{min-width:0}.letter-body{min-height:280px}.letter-actions{gap:10px}}@media (max-width: 560px){.app-header{flex-wrap:wrap;align-items:center;height:auto;min-height:var(--header-height);padding:10px 12px;gap:10px}.header-left,.header-actions{width:100%}.header-actions{justify-content:flex-end}.header-actions .ant-btn span{font-size:12px}.mail-item{padding:12px 14px}.mail-item-subject{font-size:13px}.mail-item-preview{font-size:10px}.received-letter{padding:0 10px 10px}.received-subject{font-size:22px}.received-body-wrapper{padding:16px 14px 18px}.mail-html-frame{min-height:380px}.letter-card{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:0 16px 18px}.letter-title{font-size:28px}.letter-subtitle{font-size:16px}.letter-stamp{width:48px;height:48px}.letter-body{min-height:240px;font-size:18px}.letter-actions{flex-direction:column-reverse}.letter-send-btn,.letter-btn-cancel{width:100%}}.letter-modal-root.ant-modal{width:fit-content!important;max-width:95vw!important;margin:0 auto!important;padding-bottom:0!important;top:0!important;display:block!important}@media (max-width: 900px){.letter-modal-root.ant-modal{width:min(92vw,640px)!important;max-width:min(92vw,640px)!important}}@media (max-width: 560px){.letter-modal-root.ant-modal{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:0 auto!important}.letter-modal-root .ant-modal-wrap,.ant-modal-wrap{padding:10px!important}}.ant-modal-wrap.ant-modal-centered{display:flex!important;align-items:center!important;justify-content:center!important}.ant-modal-wrap.ant-modal-centered:before{display:none!important;content:none!important}.letter-read-topbar-title{margin-left:8px;font-size:13px;color:#ffffffb8;letter-spacing:.04em}.letter-read-empty--glass{margin:24px;border-radius:24px;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 32px #00000024}.letter-close-btn{position:absolute;top:16px;right:16px;width:38px;height:38px;border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#8c5830cc;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 16px #0000001a}.letter-close-btn:hover{background:#ffffff38}@media (max-width: 900px){.letter-read-empty--glass{margin:12px}.letter-read-topbar-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 560px){.letter-close-btn{width:34px;height:34px;top:12px;right:12px}.letter-read-topbar-title{font-size:12px}}.mail-list-header{position:sticky;top:0;z-index:2}.mail-count{letter-spacing:.06em;text-transform:uppercase}.mail-item{border-radius:14px;margin:4px 10px;border:1px solid transparent;background:#ffffff17}.mail-item:hover{border-color:#ffffff29}.mail-item--selected{background:#ffffff29;border-color:#ffffff3d}.mail-item-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.45;max-height:2.9em}.mail-item-subject,.mail-item-preview,.from-text{word-break:break-word}.letter-read-topbar{position:sticky;top:0;z-index:4}.received-header,.received-body-wrapper{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff0a}.received-header{padding:18px 20px}.received-body-wrapper{padding:22px 22px 26px}.from-meta{display:flex;flex-wrap:wrap;gap:4px}.received-subject{margin:16px 0 12px;padding:0 2px}.mail-html-frame{border-radius:16px}.settings-dashboard{padding:28px;display:flex;flex-direction:column;gap:20px}.settings-dashboard-head h2{margin:0;font-size:24px}.settings-dashboard-head p{margin:8px 0 0;color:#ffffff8c;font-family:Caveat,cursive;font-size:18px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-card,.settings-actions-panel{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #0000001f}.settings-card{padding:18px;display:flex;gap:14px}.settings-card-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff24;color:#ffffffeb;flex-shrink:0}.settings-card-title{font-size:12px;color:#ffffff80;letter-spacing:.06em;text-transform:uppercase}.settings-card-value{margin-top:6px;font-size:15px;font-weight:600;color:#ffffffeb;word-break:break-word}.settings-card-desc{margin-top:8px;font-size:12px;line-height:1.5;color:#ffffff94}.settings-actions-panel{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-actions-title{font-size:16px;font-weight:600;color:#ffffffeb}.settings-actions-desc{margin-top:6px;font-size:13px;color:#ffffff8f}.settings-actions-buttons{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 900px){.mail-item{margin:4px 8px;border-radius:16px;background:#ffffff14}.settings-dashboard{padding:16px}.settings-grid{grid-template-columns:1fr}.settings-actions-panel{flex-direction:column;align-items:stretch}}:root{--font-hand-cn: "Ma Shan Zheng", "STKaiti", "KaiTi", "Noto Serif SC", cursive}.logo-text,.header-title h1,.nav-item span,.mail-count,.mail-item-subject,.received-subject,.letter-title,.letter-subtitle,.field-label,.letter-body-greeting,.footer-sign-off,.footer-sincerely,.empty-hint,.settings-dashboard-head h2,.settings-actions-title,.settings-card-title{font-family:var(--font-hand-cn)!important}.mail-item-subject{letter-spacing:.02em}.received-subject{letter-spacing:.03em}.header-title h1,.logo-text{letter-spacing:.06em}.letter-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.letter-attach-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#ffffffeb;border-radius:12px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.letter-attach-btn:hover{background:#ffffff29}.letter-attach-count{color:#ffffff9e;font-size:13px}.letter-attachments-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.letter-attachment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.letter-attachment-meta{display:flex;align-items:center;gap:10px;min-width:0}.letter-attachment-name{font-size:14px;color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.letter-attachment-size{font-size:12px;color:#ffffff8f}.letter-attachment-remove{border:none;background:#ffffff14;color:#ffffffbf;border-radius:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.letter-attachment-remove:hover{background:#ffa0a02e;color:#ffd2d2f2}@media (max-width: 560px){.letter-toolbar{flex-direction:column;align-items:stretch}.letter-attach-btn{width:100%;justify-content:center}.letter-attachment-name{max-width:180px}}