document.write('<style>');
document.write(' .top-login-wrapper { display: inline-flex; align-items: center; height: 100%; font-family: sans-serif; }');

/* --- 电脑端 --- */
document.write(' .login-txt-hello { font-size: 16px; color: #666; margin-right: 5px; }');
document.write(' .login-link-user { font-size: 18px; color: #ff0000; font-weight: bold; text-decoration: none; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }');
document.write(' .login-link-exit { font-size: 14px; color: #999; margin-left: 8px; text-decoration: none; border: 1px solid #eee; padding: 1px 6px; border-radius: 4px; }');
document.write(' .login-link-btn { font-size: 18px; color: #333; font-weight: bold; text-decoration: none; }');
document.write(' .login-link-reg { font-size: 18px; color: #e02e24; font-weight: bold; text-decoration: none; }');
document.write(' .login-divider { margin: 0 12px; color: #ddd; font-size: 14px; }');

/* --- 手机端 (关键修改) --- */
document.write(' @media screen and (max-width: 768px) {');
document.write('   .login-txt-hello { display: none !important; }');
/* 手机端用户名：限制宽度为 60px，防止遮挡 */
document.write('   .login-link-user { font-size: 14px; max-width: 60px; display: inline-block; vertical-align: middle; }'); 
document.write('   .login-link-exit { font-size: 12px; margin-left: 3px; padding: 0 2px; }');
/* 手机端登录/注册：字号缩小，间距缩小 */
document.write('   .login-link-btn, .login-link-reg { font-size: 14px; font-weight: normal; }'); 
document.write('   .login-divider { margin: 0 5px; font-size: 12px; }');
document.write(' }');
document.write('</style>');
document.write('<div class="top-login-wrapper">');
document.write('<a href="javascript:;" class="login-btn login-link-btn">登录</a>');
document.write('<span class="login-divider">|</span>');
document.write('<a href="javascript:;" class="login-btn login-link-reg">注册</a>');
document.write('</div>');