/* My Life: a compact personal card, scoped away from other pages. */
#me #accountBox{margin:12px 16px 0;padding:0 2px 6px;min-height:48px;gap:8px;background:transparent;border:0;border-bottom:1px solid #ddd6c7;border-radius:0;box-shadow:none;align-items:center}
#me #accountBox>div{min-width:0;flex:1}
#me #accountState{font-size:16px;line-height:1.5;font-weight:500;color:#486253}
#me #accountHint{font-size:15px;line-height:1.5;margin:2px 0 4px;color:#5e6873}
#me #accountHint:empty{display:none}
#me #accountBtn{font-size:16px;min-width:52px;min-height:44px;padding:8px 4px;background:transparent;color:#233c57;border:0;border-radius:6px;font-weight:500}
#me .v9ClassmateCard.block{margin:16px 16px 24px;padding:0!important;background:#fffdf8;border:1px solid #dcd5c7;border-top:2px solid #a88640;border-radius:3px;box-shadow:0 5px 18px #182b4210;overflow:hidden}
#me .hgPersonalCard{display:block;max-width:none;margin:0;padding:14px 16px 16px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(115deg,#fffdf8,#f8f5ec)}
#me .hgPersonalHeading{display:flex;align-items:center;gap:9px;color:#78633c;font-size:16px;line-height:1.4;letter-spacing:.06em}
#me .hgPersonalHeading .avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;border:1px solid #a88640;background:transparent;color:#78633c;font-family:Georgia,serif;font-size:16px;font-weight:500}
#me .hgPersonalHeading button{margin-left:auto;flex:none;min-width:44px;min-height:44px;padding:8px 0 8px 10px;font-size:16px;font-weight:500;color:#18314f;letter-spacing:0;border:0;background:transparent}
#me .hgPersonalCard #pname{margin:8px 0 5px;font-family:"Songti TC","Noto Serif TC","PMingLiU",serif;font-size:24px;line-height:1.5;letter-spacing:.025em;font-weight:600;overflow-wrap:anywhere;color:#172f4d}
#me .hgPersonalCard #pbio{margin:0 0 9px;font-size:17px;line-height:1.5;color:#5b655f;overflow-wrap:anywhere}
#me .hgPersonalCard #pmember{margin:0;font-size:14px;line-height:1.5;letter-spacing:.035em;font-weight:500;color:#79663f;overflow-wrap:anywhere}
#me .hgPersonalCard #pmember:empty{display:none}
#me .v9ClassmateQuestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid #ddd6c7}
#me .v9ClassmateQuestions button{min-width:0;min-height:74px;margin:0;padding:10px 14px;text-align:left;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:1.4}
#me .v9ClassmateQuestions button:nth-child(odd){border-right:1px solid #e4dfd3}
#me .v9ClassmateQuestions button:nth-child(n+3){border-top:1px solid #e4dfd3}
#me .v9ClassmateQuestions b{font-family:"Songti TC","Noto Serif TC",serif;font-size:20px;font-weight:600;color:#172f4d;letter-spacing:.04em}
#me .v9ClassmateQuestions span{font-size:14px;line-height:1.5;margin-top:3px;color:#626b70;overflow-wrap:anywhere}
#me .v9ClassmateQuestions button:hover{background:#f5f0e3}
#me .v9ClassmateQuestions button:focus-visible,#me .hgPersonalHeading button:focus-visible,#me #accountBtn:focus-visible{outline:2px solid #8e6d27;outline-offset:-3px}
@media(max-width:400px){#me #accountBox{margin-left:0;margin-right:0}#me .v9ClassmateCard.block{margin-left:0;margin-right:0}#me .hgPersonalCard{padding:12px 14px 14px}#me .hgPersonalCard #pname{font-size:22px}#me .v9ClassmateQuestions button{padding:10px 12px}}