.mail-detail,.mailbox{overflow:hidden;border:1px solid #3a3123;border-radius:14px;background:#171511}.mailbox-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #3a3123}.mailbox-head h2{margin:0 0 6px;color:#f0e9dd;font:700 22px Georgia,"Noto Serif TC",serif}.mailbox-head p{margin:0;color:#827a6e;font-size:12px}.mailbox-head>span{padding:7px 11px;border-radius:999px;background:#2a2114;color:#d5b866;font-size:11px;font-weight:750}.mail-list,.mail-row{display:grid}.mail-row{width:100%;grid-template-columns:10px 160px minmax(0,1fr) 155px 24px;align-items:center;grid-gap:18px;gap:18px;padding:20px 28px;border:0;border-bottom:1px solid #30291e;background:#1b1813;color:#ede6dc;text-align:left;cursor:pointer}.mail-row:last-child{border-bottom:0}.mail-row:hover{background:#221d15}.mail-row.read{background:#14120f;color:#a69d90}.mail-unread-dot{width:7px;height:7px;border-radius:50%;background:#d4b45f}.mail-row.read .mail-unread-dot{background:transparent;border:1px solid #514a3f}.mail-from,.mail-preview{display:grid;min-width:0;grid-gap:5px;gap:5px}.mail-from b{color:#d8ba6b;font-size:13px;letter-spacing:.05em}.mail-from small,.mail-preview small{color:#777065;font-size:12px}.mail-preview strong{font-size:14px}.mail-preview small,.mail-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row time{color:#82796b;font-size:11px;white-space:nowrap}.mail-arrow{color:#c9a75d;font-size:18px}.mail-empty{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;color:#8b8275}.mail-empty div{font-size:34px;color:#c9a75d}.mail-empty strong{margin:10px 0 6px;color:#e6ded1}.mail-empty p{margin:0;font-size:12px}.mail-detail{padding:32px 38px;min-height:480px}.mail-back{border:0;background:none;color:#cfae5e;padding:0;margin-bottom:28px;font-weight:700;cursor:pointer}.mail-detail-header{display:grid!important;grid-template-columns:46px 1fr auto;align-items:center;grid-gap:14px;gap:14px;margin:0!important}.mail-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#efd47e,#9a6c21);color:#0c0a07;font-weight:900}.mail-sender{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.mail-sender a{color:#d7b966;text-decoration:none;font-weight:900;letter-spacing:.06em}.mail-sender strong{color:#eee6da;font-size:14px}.mail-sender small{width:100%;color:#766f64;font-size:11px}.mail-detail-header time{color:#837a6d;font-size:12px}.mail-subject{padding:32px 0 22px}.mail-subject small{color:#81796c;font-size:11px;letter-spacing:.12em}.mail-subject h2{margin:8px 0 0;color:#f1eade;font:700 26px Georgia,"Noto Serif TC",serif}.mail-divider{height:1px;background:#3b3224}.mail-content{padding:30px 0;color:#e5ddd1;font-size:15px;line-height:1.9;white-space:pre-wrap}.notification-error{color:#d67c70}@media(max-width:760px){.mail-row{grid-template-columns:8px 1fr 18px;padding:17px 18px}.mail-from{display:none}.mail-preview{grid-column:2}.mail-row time{grid-column:2;font-size:10px}.mail-arrow{grid-column:3;grid-row:1/3}.mail-detail{padding:24px 20px}.mail-detail-header{grid-template-columns:42px 1fr!important}.mail-detail-header time{grid-column:2}.mailbox-head{padding:20px}}.mail-detail .mail-detail-header{grid-template-columns:52px 1fr auto}.mail-detail .mail-avatar{width:52px;height:52px;border-radius:13px;background:#0c0a08;border:1px solid #5a4728;box-shadow:inset 0 0 18px #c9a75d12}.mail-detail .mail-avatar img{display:block;width:38px;height:38px;object-fit:contain}.portal-light .mail-detail,.portal-light .mailbox{border-color:#d8cbb5;background:#fffaf1}.portal-light .mailbox-head{border-color:#e1d5c3}.portal-light .mail-empty strong,.portal-light .mail-preview strong,.portal-light .mail-sender strong,.portal-light .mail-subject h2,.portal-light .mailbox-head h2{color:#241f18}.portal-light .mail-detail-header time,.portal-light .mail-empty,.portal-light .mail-from small,.portal-light .mail-preview small,.portal-light .mail-row time,.portal-light .mail-sender small,.portal-light .mail-subject small,.portal-light .mailbox-head p{color:#71685c}.portal-light .mailbox-head>span{background:#f1e3c6;color:#825f22}.portal-light .mail-row{border-color:#e1d5c3;background:#fffaf1;color:#241f18}.portal-light .mail-row:hover{background:#f4ead8}.portal-light .mail-row.read{background:#f7f1e7;color:#655d51}.portal-light .mail-row.read:hover{background:#eee3d2}.portal-light .mail-arrow,.portal-light .mail-back,.portal-light .mail-empty div,.portal-light .mail-from b,.portal-light .mail-sender a{color:#956b24}.portal-light .mail-row.read .mail-unread-dot{border-color:#a49a8b}.portal-light .mail-divider{background:#e1d5c3}.portal-light .mail-content{color:#2e2820}.portal-light .mail-detail .mail-avatar{border-color:#c9b183;background:#f2e5ca;box-shadow:none}.portal-light nav a.active{background:#ded2bd;color:#241f18;border-left:3px solid #a97b29;padding-left:11px}