@charset "UTF-8";.anniversary-popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.anniversary-popup-content{background-color:#fffa;border-radius:16px;padding:32px;max-width:500px;width:90%;box-shadow:0 10px 30px #0000004d;animation:popupFadeIn .3s ease-out;color:#fff}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.anniversary-popup-header{text-align:center;margin-bottom:24px;position:relative}.anniversary-popup-close-btn{position:absolute;top:0;right:0;background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:4px;line-height:1;transition:all .2s ease;border-radius:4px}.anniversary-popup-close-btn:hover{color:var(--text-dark);background-color:var(--bg-color)}.anniversary-popup-header h2{color:#333;font-size:24px;margin:0;font-weight:700}.anniversary-popup-body{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px;color:var(--text-dark)}.penpal-name{font-weight:700;color:var(--primary-color);font-size:18px}.celebration-days>span{font-family:var(--font-title);width:fit-content;font-size:5rem;font-weight:700;padding:0 5px;color:var(--accent-color);text-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:5px;margin-right:10px}.celebration-text{font-style:italic;color:var(--text-muted)}.anniversary-popup-footer{display:flex;justify-content:center;gap:16px}.anniversary-popup-button.close-only{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);box-shadow:none}.anniversary-popup-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.superadmin-container{padding:20px;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif}.superadmin-error{background-color:#ffebee;color:#c62828;padding:15px;border-radius:4px;margin-bottom:20px;text-align:center}h1{color:#fff;margin-bottom:20px;text-align:center}.tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.tab{padding:10px 20px;background:none;border:none;cursor:pointer;font-size:16px;color:#dedede;border-bottom:2px solid transparent;transition:all .3s ease;border-radius:0}.tab:hover{color:#fff}.tab.active{color:#fff;border-bottom-color:#fff;font-weight:700}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th{background-color:#f5f5f5;font-weight:700;color:#333}.data-table tr:hover{background-color:#f5f5f5}.content-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:10px}.btn-edit,.btn-delete,.btn-cancel,.btn-submit{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-edit{background-color:#2196f3;color:#fff}.btn-edit:hover{background-color:#1976d2}.btn-delete{background-color:#f44336;color:#fff}.btn-delete:hover{background-color:#d32f2f}.btn-cancel{background-color:#9e9e9e;color:#fff}.btn-cancel:hover{background-color:#757575}.btn-submit{background-color:#4caf50;color:#fff}.btn-submit:hover{background-color:#388e3c}.btn-submit:disabled{background-color:#bdbdbd;cursor:not-allowed}.loading{text-align:center;padding:20px;font-size:18px;color:#666}.error-message{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:20px}.edit-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700;color:#333}.form-group input,.form-group textarea,.form-group select{padding:8px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.delete-confirmation{padding:20px;text-align:center}.delete-info{font-weight:700;color:#c62828;margin:15px 0}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-title: "字魂181号飞驰标题体", sans-serif;--primary-color: #4a90e2;--primary-hover: #357abd;--primary-light: #e7f0ff;--primary-dark: #2a6cb6;--secondary-color: #4caf50;--secondary-hover: #3d8b40;--secondary-light: #e8f5e9;--accent-color: #ff9800;--accent-hover: #f57c00;--accent-light: #fff3e0;--danger-color: #f44336;--danger-hover: #d32f2f;--warning-color: #f57c00;--warning-light: #fff3e0;--success-color: #4caf50;--success-light: #e8f5e9;--text-color: #2c3e50;--text-light: #6c757d;--text-lighter: #95a5a6;--text-dark: #1a202c;--bg-color: #f8f9fa;--card-bg: #ffffff;--surface-bg: #f5f5f5;--overlay-bg: rgba(0, 0, 0, .5);--border-color: #e0e0e0;--border-light: #f0f0f0;--border-dark: #bdbdbd;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{margin:0;padding:0;color:var(--text-color);min-height:100vh;line-height:1.6}a,a:hover{text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.baground_image{position:fixed;background-image:url(/bg.jpg);background-size:cover;background-position:center;width:100%;height:100%;z-index:-1}.baground_image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px)}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}@media screen and (max-width:996px){.main-content{padding:1rem}}.auth-header{display:flex;gap:1rem;align-items:center;justify-content:center;margin:3rem 0 2rem}.auth-logo{width:40px;height:40px}.auth-title{color:#fff}.card{background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;margin-bottom:1.5rem;transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.loading,.error,.not-found,.empty-state{text-align:center;padding:1rem;font-size:1.125rem;background-color:var(--card-bg);border-radius:var(--radius-md);margin:1rem auto;max-width:500px}.error{color:var(--danger-color);background-color:var(--warning-light);border:1px solid var(--border-color)}button{cursor:pointer;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all var(--transition-normal);font-family:inherit;background-color:transparent;color:#333;white-space:nowrap}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:var(--danger-hover);box-shadow:var(--shadow-md)}input,select,textarea{font-family:inherit;font-size:.875rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--card-bg);color:var(--text-color);transition:all var(--transition-normal);background-color:transparent}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}input::placeholder,textarea::placeholder{color:var(--text-lighter)}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-dark);font-size:.875rem}@font-face{font-family:profile;src:url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"),url(//at.alicdn.com/t/c/font_5000768_tbmcgy9hw1m.ttf?t=1765185303330) format("truetype")}@font-face{font-family:阿里妈妈刀隶体 Regular;font-weight:400;src:url(https://image.airy.ink/AlimamaDaoLiTi.woff2) format("woff2"),url(https://image.airy.ink/AlimamaDaoLiTi.woff) format("woff");font-display:swap}@font-face{font-family:字魂181号飞驰标题体;src:url(https://image.airy.ink/FeiChiBiaoTi.ttf) format("truetype");font-display:swap}.text-muted{color:var(--text-light)}.text-center{text-align:center}.navbar{box-shadow:var(--shadow-md);padding:.625rem 1.25rem;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar-logo:hover{text-decoration:none}.navbar-logo h1{color:#fff;font-size:1.55rem;margin:0;transition:all var(--transition-normal)}.logo-image{width:30px;height:30px}.navbar-content{display:flex;align-items:center;gap:2rem}.navbar-menu{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}.menu-item{position:relative}.menu-link{text-decoration:none;color:var(--text-color);font-weight:500;font-size:.875rem;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.menu-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width var(--transition-normal)}.menu-link:hover{color:var(--primary-color);background-color:var(--primary-light);transform:translateY(-1px)}.menu-link:hover:after{width:100%}.menu-link.active{color:var(--primary-color);background-color:var(--primary-light);font-weight:600}.menu-link.active:after{width:100%}.menu-button{text-decoration:none;color:var(--text-color);font-weight:500;font-size:.875rem;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;background:none;border:none;cursor:pointer;font-family:inherit}.menu-button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width var(--transition-normal)}.menu-button:hover{color:var(--primary-color);background-color:var(--primary-light);transform:translateY(-1px)}.menu-button:hover:after{width:100%}.user-penname-button{text-decoration:none;color:#fff;font-weight:500;font-size:1rem;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all var(--transition-normal);background:none;border:none;cursor:pointer;font-family:inherit;display:flex;justify-content:center;align-items:center;gap:5px}.user-penname-button:hover{text-decoration:none;background-color:#3331}.navbar-user{display:flex;align-items:center;gap:1rem;transition:all var(--transition-normal)}.user-info{display:flex;align-items:center}.user-avatar{width:30px;height:30px;border-radius:50%;border:none}.user-penname{font-weight:500;color:var(--text-dark);transition:all var(--transition-normal);border-radius:var(--radius-sm)}.user-info:hover .user-penname{background-color:var(--bg-color);color:var(--primary-color)}.user-role{font-size:.75rem;color:var(--text-muted);background-color:var(--bg-color);padding:.125rem .375rem;border-radius:10px;transition:all var(--transition-normal)}.logout-button{background-color:var(--danger-color);color:#fff;border:none;padding:.375rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);margin:10px auto}.logout-button:hover{background-color:var(--danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.logout-button:active{transform:translateY(0)}@media(max-width:768px){.navbar-content,.navbar-menu{gap:1rem}.menu-link{font-size:.8125rem;padding:.375rem .625rem}}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto}.form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff2;border-radius:var(--radius-md);padding:1.5rem;width:100%;max-width:400px}.form-wrapper h2{text-align:center;color:#fff;margin-bottom:2rem;font-size:1.75rem}.form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;transition:all var(--transition-normal)}.form-input::placeholder{color:#fffa}.form-input:focus{outline:none;border-color:#e7f0ff38;box-shadow:0 0 0 3px #e7f0ff38}.form-button{padding:.75rem 1.25rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.form-button:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.form-button:disabled{background-color:var(--text-lighter);cursor:not-allowed;box-shadow:none}.form-error{background-color:#ffebee;color:var(--danger-color);padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;font-size:.875rem;border:1px solid var(--danger-color)}@media(max-width:480px){.form-wrapper{padding:20px}.form-wrapper h2{font-size:20px}.form-input,.form-button{font-size:14px;padding:10px 14px}}.auth-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.auth-tab{border-radius:0;flex:1;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-light);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.auth-tab:hover{color:var(--primary-color)}.auth-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.auth-tab:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease;scrollbar-width:none;-ms-overflow-style:none}.modal-container::-webkit-scrollbar{display:none}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;position:sticky;border-bottom:1px solid #e0e0e0;top:0;z-index:1;background-color:#fff}.modal-title{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close-button{background:none;border:none;font-size:18px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close-button:hover{background-color:#f5f5f5;color:#666}.modal-content{padding:20px}@media(max-width:576px){.modal-container{width:95%;margin:10px}}.timeline-container{max-width:1200px;margin:0 auto}.timeline-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.timeline-title{color:#fff;margin:0;font-size:1.75rem}.custom-select{position:relative;display:inline-block;width:100%;max-width:200px;font-size:.875rem}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-dark);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.custom-select:hover .custom-select-trigger{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.custom-select.open .custom-select-trigger{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select-arrow{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;z-index:1000}.custom-select-option{padding:.5rem 1rem;cursor:pointer;transition:background-color var(--transition-normal)}.custom-select-option:hover{background-color:var(--primary-light);color:var(--primary-color)}.custom-select-option.selected{background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.custom-select.disabled{opacity:.6;cursor:not-allowed}.penpal-filter{max-width:180px}.penpal-filter .custom-select-trigger{padding:.5rem .75rem}.penpal-filter .custom-select-options{max-height:150px}.timeline{position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background-color:var(--border-color)}.timeline-item{position:relative;margin-bottom:2rem;width:50%;padding:0 1.5rem}.timeline-item-sent{left:50%;text-align:right}.timeline-direction{position:absolute;top:-20px;right:0;font-size:5rem;color:#3331}.receiveds{left:0}@media screen and (max-width:996px){.receiveds{right:0!important;left:auto;transform:rotate(90deg)}}.timeline-item-received{left:0;text-align:left}.timeline-content{background-color:var(--card-bg);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);position:relative;transition:box-shadow var(--transition-normal)}.timeline-content:hover{box-shadow:var(--shadow-md)}.timeline-item:after{content:"";position:absolute;top:1.25rem;width:12px;height:12px;border-radius:50%;background-color:var(--primary-color);border:3px solid var(--card-bg);z-index:1;box-shadow:0 0 0 1px var(--border-color)}.timeline-item-sent:after{left:-9px;right:auto}.timeline-filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.letter-filter-buttons{display:flex;gap:.5rem}.filter-button{padding:.375rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-color);font-size:.875rem;font-weight:500;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.filter-button:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-md)}@media(max-width:768px){.timeline-header-section{flex-direction:column;align-items:flex-start;gap:1rem}.timeline-filters{width:100%;flex-direction:column;align-items:flex-start;gap:.75rem}.penpal-filter{width:100%;max-width:100%}.letter-filter-buttons{width:100%;justify-content:flex-start}.filter-button{flex:1;text-align:center}}.timeline-item-received:after{right:-9px;left:auto}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;transition:all var(--transition-normal)}.timeline-penname{font-weight:600;color:var(--primary-color)}.timeline-date{font-size:.75rem;color:var(--text-muted, #999)}.timeline-message{color:var(--text-color, #333);line-height:1.6;margin-bottom:.75rem;word-break:break-word}.timeline-status{display:inline-block;padding:.25rem 0;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.email-status{padding:3px 5px;border-radius:3px}.status-sent{background-color:#fff3cd;color:#f57c00}.status-received{background-color:var(--success-light, #d4edda);color:var(--success-color, #155724)}.status-lost{background-color:#f8d7da;color:#f44336}.timeline-received-at{font-size:.75rem;color:var(--text-lighter, #999);margin-left:.5rem}.empty-state{text-align:center;color:#999;padding:10px 0;font-size:18px}.write-letter-fab{position:fixed;right:2rem;bottom:2rem;width:60px;height:60px;border-radius:50%;background-color:var(--primary-color);color:#fff;font-size:2rem;border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.write-letter-fab:hover{background-color:var(--primary-dark);transform:scale(1.1);box-shadow:0 6px 16px #0003}@media(max-width:768px){.write-letter-fab{right:1rem;bottom:1rem;width:50px;height:50px}}.loading,.error{text-align:center;padding:50px 0;font-size:18px}.error{color:#f44336}.timeline-status-actions{display:flex;align-items:center;gap:.5rem;margin-top:20px}.timeline-status-actions .received{background-color:#4caf50}.timeline-status-actions .lost{background-color:red}.status-action-button{padding:5px 10px;color:#fff}.notice{background-color:orange}.timeline-penpal-actions{margin-top:20px}.add{background-color:var(--primary-color)}@media(max-width:768px){.timeline:before{left:1.25rem}.timeline-item{width:100%;left:0!important;padding-left:3.125rem;padding-right:1.25rem;text-align:left!important}.timeline-item:after{left:11px!important;right:auto!important}.timeline-header{flex-direction:column;align-items:flex-start;gap:.25rem}}@media(max-width:600px){.timeline-item{padding-left:2.75rem;padding-right:1rem}.timeline-content{padding:1rem}}.write-letter-container{max-width:800px;margin:0 auto;padding:1.5rem}@media screen and (max-width:996px){.write-letter-container{padding:0}}.error{color:var(--danger-color)}.write-letter-form{background-color:var(--card-bg);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1rem}.form-label{display:block;color:var(--text-dark);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;background-color:var(--card-bg);color:var(--text-color);transition:all var(--transition-normal)}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.no-penpals{color:var(--text-muted);font-size:.875rem;margin-top:.375rem;font-style:italic}.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;resize:vertical;min-height:200px;font-family:inherit;line-height:1.6;background-color:var(--card-bg);color:var(--text-color);transition:all var(--transition-normal)}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.submit-button{padding:5px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-normal)}.submit-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.submit-button:disabled{background-color:var(--text-lighter);cursor:not-allowed;box-shadow:none}.cancel-button{padding:.75rem 1.5rem;background-color:var(--card-bg);color:var(--text-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-normal)}.cancel-button:hover{background-color:var(--bg-color);border-color:var(--border-dark);box-shadow:var(--shadow-sm)}.penpals-container{max-width:800px;margin:0 auto;padding:20px;scrollbar-width:none;-ms-overflow-style:none}@media screen and (max-width:996px){.penpals-container{padding:0}}.penpals-container::-webkit-scrollbar{display:none}.user-info-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;transition:box-shadow var(--transition-normal);display:flex;flex-direction:column}.user-info-card:hover{box-shadow:var(--shadow-md)}.user-info-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.user-avatars{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);background-color:var(--bg-color);transition:transform var(--transition-normal)}.user-avatars:hover{transform:scale(1.05)}.user-info-main{flex:1}.user-penname{color:var(--text-dark);font-size:24px;margin:0 0 5px;font-weight:600}.user-username{color:var(--text-light);font-size:16px;margin:0}.user-info-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.user-info-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:8px 0}.user-info-label{color:var(--text-lighter);font-size:14px;min-width:50px}.user-info-value{color:var(--text-color);font-size:16px;font-weight:500;flex:1;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:10px}.user-info-value>form{height:30px;display:flex;align-items:center}.user-info-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.user-info-label{color:#999;font-size:14px}.user-info-value{color:#333;font-size:16px;font-weight:500}.user-info-value>form{height:30px}.submit-email-button{background-color:var(--primary-color);font-size:14px;color:#fff;padding:0 10px;height:100%;margin-left:10px}.bind-email-button{background-color:transparent;color:var(--primary-color);font-size:20px}.search-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-top:20px;transition:box-shadow var(--transition-normal)}.search-section:hover{box-shadow:var(--shadow-md)}.search-title{color:var(--text-dark);margin-bottom:20px;font-size:18px;font-weight:600;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.search-form{display:flex;gap:10px;margin-bottom:15px}.search-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:#4a90e2}.search-button{border:none;cursor:pointer;font-size:23px;color:#333a}.search-button:hover{color:#333}.search-button:disabled{background-color:#9dc3e6;cursor:not-allowed}.error{color:#f44336;font-size:14px;margin-bottom:10px}.search-results{margin-top:20px}.search-item-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(74,144,226,.3529411765)}.search-results h4{color:#333;margin-bottom:10px;font-size:16px}.search-list{list-style:none;padding:0;margin:0}.search-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.search-item:last-child{border-bottom:none}.search-item-info{display:flex;align-items:center;gap:5px}.search-item-penname{font-weight:500;color:#4a90e2}.search-item-username{font-size:12px;color:#999}.add-penpal-button{color:#4caf50;border:none;cursor:pointer;font-size:23px}.penpals-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-top:20px;transition:box-shadow var(--transition-normal)}.penpals-section:hover{box-shadow:var(--shadow-md)}.penpals-list-title{color:var(--text-dark);margin-bottom:20px;font-size:18px;font-weight:600;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.empty-state{text-align:center;color:#999;padding:10px 0;font-size:16px}.penpals-list{list-style:none;padding:0;margin:0}.penpal-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-normal);border-radius:4px;margin-bottom:5px}.penpal-item:hover{background-color:var(--bg-color)}.penpal-item:last-child{border-bottom:none;margin-bottom:0}.penpal-info{display:flex;align-items:center;gap:12px;flex:1}.penpal_avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color);transition:transform var(--transition-normal)}.penpal_avatar:hover{transform:scale(1.1)}.penpal-details{display:flex;flex-direction:column;gap:2px}.penpal-penname{color:var(--primary-color);font-size:16px;font-weight:500}.penpal-username{font-size:12px;color:var(--text-lighter)}.friendship-info{margin:0 20px 0 auto;display:flex;align-items:center;gap:5px;padding:5px 10px;background-color:var(--primary-light);border-radius:15px}.friendship-info>strong{color:var(--primary-color);font-size:14px}.friendship-info>small{color:var(--text-light);font-size:12px}.remove-penpal-button{font-size:20px;color:var(--danger-color);border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:transparent;padding:5px;transition:color var(--transition-normal),transform var(--transition-normal);opacity:.7}.remove-penpal-button:hover{color:var(--danger-hover);opacity:1;transform:scale(1.1)}@media(max-width:768px){.search-input{width:100%}}@media(max-width:480px){.penpals-title{font-size:20px;margin-bottom:20px}.search-section,.penpals-section{padding:15px}.search-title,.penpals-list-title{font-size:16px}}@font-face{font-family:profile;src:url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"),url(//at.alicdn.com/t/c/font_5000768_9wfrr1dllyf.ttf?t=1765258959376) format("truetype")}.profile{font-family:profile!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ic-shouye:before{content:""}.ic-bangding:before{content:""}.ic-bangdingyouxiang:before{content:""}.ic-received:before{content:""}.ic-sent:before{content:""}.ic-guanbi:before{content:""}.ic-tianjia:before{content:""}.ic-guanlianrenyuan:before{content:""}.ic-sousuo:before{content:""}.ic-jiechuguanxi:before{content:""}.ic-gongzuofuzerenbiangeng:before{content:""}[class*=ic-]{font-family:profile;font-style:normal}.profile{font-size:inherit}@font-face{font-family:阿里妈妈刀隶体 Regular;font-weight:400;src:url(https://image.airy.ink/AlimamaDaoLiTi.woff2) format("woff2"),url(https://image.airy.ink/AlimamaDaoLiTi.woff) format("woff");font-display:swap}@font-face{font-family:字魂181号飞驰标题体;src:url(https://image.airy.ink/FeiChiBiaoTi.ttf) format("truetype");font-display:swap}